所有,

编辑:

我的示例编码错误,因为无法删除此问题,所以我会回答。请忽略这个问题。

用于定位元素的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>

07-24 17:54