2017-09-06 38 views
0

我已经在销售团队中创建了一个完整的日历页面。现在我想在悬停事件时附加一个div。 Iit正在工作,但隐藏的div来自另一个事件之下,我想在上面展示它。在另一个div上显示我的Div

eventMouseover: function(calEvent, domEvent) { 
        console.log(calEvent.id); 
        console.log(domEvent); 
        $(this).append('<div id="events-layer" style="background-color:white;z-index:99999; overflow-auto;background-repeat: no-repeat;background-position: center;position: absolute;">'+'<table class="tableContent" cellpadding="5"> <tr class="tablerow"> <td class="tablerdata">Event Detail:</td> <td class="tablerdata"> <button type="button" onclick="myFunction()">Delete</button> <button type="button">edit</button> </td> <td>&nbsp;</td> </tr> <tr class="tablerow"> <td class="tablerdata">Assigned To </td> <td class="MiddleCol">fffffffffffffffffff</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Subject</td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Start </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">End </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffffffffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Related To </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Name </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> </table>'+'</div>'); 
       } 
+0

'append'把新元素作为目标元素的最后一个孩子。你是否尝试过'prepend'? – ADyson

回答

0

尝试使包含元素的位置“相对”