所有,
编辑:
我的示例编码错误,因为无法删除此问题,所以我会回答。请忽略这个问题。
用于定位元素的jQuery UI插件在FireFox中无效,但在IE和Chrome中有效。具体来说,当您将div相对于鼠标位置(of事件)定位时,该插件不起作用。窗口或其他元素的定位有效。
这是在最新版本的Fire Fox中尝试的代码:
<script type="text/javascript">
$(function() {
$( "#div2" ).hide();
$( "#div1" ).click(function(){
$( "#div2" ).show().position({
my: "left top",
at: "right bottom",
of: event,
collision: "fit",
using: function(pos) {$(this).animate(pos);}
});
});
});
</script>
<div id="div1"
style="border: 1px solid #000; position: absolute; top: 800px; left: 1200px; width: 100px; height: 100px; background-color: gray;" >
</div>
<div id="div2"
style="border: 1px solid #000; width: 100px; height: 100px; background-color: Blue;">
</div>
最佳答案
我的示例编码错误,因为无法删除此问题,所以我会回答。请忽略这个问题。
代码应为:
<script type="text/javascript">
$(function() {
$( "#div2" ).hide();
$( "#div1" ).click(function(event){
// Position the dialog offscreen to the left, but centered vertically
$( "#div2" ).show().position({
my: "left top",
at: "right bottom",
of: event,
collision: "fit",
using: function(pos) {$(this).animate(pos);}
});
});
});
</script>