Question

所有

编辑：

我的例子编码错误， - 因为我无法删除这个问题，我会回答。请不要理会这个问题。

用于定位元素的jQuery UI插件在FireFox中不起作用，但适用于IE和Chrome。具体来说，当您将div w / respects定位到鼠标位置（of：event）时，插件不起作用。窗口或其他元素的定位有效。

以下是您最新版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>

Answer 1

我的例子编码错误， - 因为我无法删除这个问题，我会回答。请不要理会这个问题。

代码应为：

<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>

jQuery UI Position Plugin在最新的FireFox中不起作用

1 个答案: