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

Предположим, Zoom - это объект кнопки, который вы где-то установили, если я понимаю, что вы пытаетесь сделать правильно, тогда вам нужно:

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

Если Zoom уже является объектом jQuery, тогда достаточно Zoom.click(....

Answer 2

Проверьте документацию Mozilla на https://developer.mozilla.org/en/DOM/element.addEventListener. Вам нужно добавить третий параметр в вызов функции. Просто попробуйте добавить значение false, например:

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

Answer 3

Кажется немного странным, что вы готовите документ внутри события click. Было бы разумнее сделать это так.

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

});

Я думаю, это то, что вам нужно из предоставленного кода. Может быть, это решит проблему.