Закатал мои собственные всплывающие подсказки, Firefox выбрасывал неисследованное исключение

Question

Кажется, я разозлил Firefox. Вот рабочий JSFiddle того, что происходит. Но, чтобы объяснить это быстро:

Я использую Mustache.js для рендеринга шаблона. Затем я использую .css для установки display : block и opacity : 0. Затем я устанавливаю .offset и анимацию на opacity : 1.

Все хорошо работает в Webkit, но не очень в Firefox. Я получаю следующую ошибку:

необученное исключение: [Исключение ... "Не удалось преобразовать аргумент JavaScript аргумент 0 [NsIDOMViewCSS.getComputedStyle]» nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)» расположение: "JS frame :: http://path/to/jquery-1.4.3.js :: анонимный :: строка 5223 "данные: нет]

Есть идеи, где я могу ошибаться?

Ошибка выдается, только если в коде есть вызовы .offset и .animate. Иначе, код работает нормально, хотя, конечно, непрозрачность не анимирована до 1.

Answer 1

Удалить комментарии из typeTemplate и appTemplate.

typeTemplate : "<div class='tooltip'><a href='#' class='close'>Close</a><p>{{appType}}</p></div>",    

appTemplate : "<div class='tooltip'><a href='#' class='close'>Close</a><p class='title'>{{appName}}</p><p>More information coming soon!</p></div>",

Я решил проблему с помощью локальной копии сайта, JSFiddle увязал в firebug до того момента, когда он потерпел крах Firefox. В любом случае, я поместил отладчик в строку 5224 (где он умирал) источника jQuery и посмотрел последние значения, прежде чем он сломался.

Вот снимок экрана (откройте его в новой вкладке) того, что я видел в firebug прямо перед тем, как выдается ошибка. Я знаю, что это довольно трудно увидеть, но вы можете прочитать текст в значении данных как " end .tooltip". Почему он пытался вычислить стиль комментария, я не знаю: P

Answer 2

Я бы добавил некоторые записи для просмотра вычисленных позиций / смещений, которые вы устанавливаете с помощью CSS.Возможно, вы получаете NaN или какое-то другое неудобное значение, которое не нравится браузеру.