我试图扩展jQuery UI对话框()来使用箭头指针来指向被点击的内容.我遇到的问题是知道碰撞方法是否运行,所以我可以从左侧更改为右侧的指针.
是否可以知道position.collision方法何时触发?
$('#myElem').dialog({ position:{ collision:'flip' } });
解:
事实证明,你可以传递比在文档中说的更多.这是我最终使用这解决了我的问题:
position: { my: 'left top',at: 'right center',of: $trigger,offset: '20 -55',collision: 'flip',using: function(obj) { var $modal = $(this),trigger_l = $trigger.position().left,modal_l = obj.left,top; // Check IE's top position top = ( isIE ) ? obj.top - 48 : top = obj.top; $(this).css({ left: obj.left + 'px',top: top + 'px' }); } }
我使用position对象中的using方法来做大部分的工作.然后,我做了一个快速检查,看看它是否是IE,在文档的前面完成,并相应地设置我的CSS.
之前我做了这个,所以让我知道如果你遇到问题. 原文链接:https://www.f2er.com/jquery/152747.html