FF javascript问题

Question

Zoom.addEventListener('click', function(){$(document).ready(function(){$("#draggable").draggable({containment: '#imgContainer', scroll: false});});});

让我先解释一下代码。Zoom是一个处理程序/按钮，单击它可以拖动图像对象。

上面的代码在Chrome上运行得很好，但FF发现了错误。让我引用Firebug：

[Exception... "Not enough arguments" nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: http://localhost/slide/script.js :: anonymous :: line 69" data: no]
[Break on this error] Zoom.addEventListener('click', functio... '#imgContainer', scroll: false});});});

我让它在Chrome中工作得很好，但是在Firefox中我不能点击这个按钮。请帮帮我。

Answer 1

在https://developer.mozilla.org/en/DOM/element.addEventListener上查看Mozilla文档。您需要向函数调用添加第三个参数。只需尝试添加值false，如下所示：

​

Zoom.addEventListener('click', function(){$(document).ready(function(){$("#draggable").draggable({containment: '#imgContainer', scroll: false});});},false);

​

Answer 2

假设Zoom是您在某个地方设置的按钮对象，如果我理解您试图正确执行的操作，那么您需要的是：

$(function() {
  $(Zoom).click(function() {
    $("#draggable").draggable({
      containment: '#imgContainer',
      scroll: false
    });
  });
});

如果Zoom已经是一个jQuery对象，那么Zoom.click(...就足够了。

Answer 3

在click事件中准备好文档似乎有点奇怪。这样做会更有意义。

$(function(){//Document ready
$('zoom button').click(function(){
    $("#draggable").draggable(
        {containment: '#imgContainer', 
        scroll: false
    });
});

})；

我认为这就是你所需要的代码。也许这样就能解决问题了。