Перетаскивание JQuery не работает в FF3.6 после того, как я реализовал гибкую компоновку CSS3, есть идеи? - PullRequest
0 голосов
/ 11 октября 2011

Я экспериментирую с последней блочной моделью CSS3, чтобы позволить моему макету динамически изменять размер по мере изменения размера страницы.Проблема в том, что в Firefox 3.6 (отлично работает в Chrome) мое перетаскивание вызывает ошибку.Я не уверен, что это Firefox, Jquery или моя собственная ошибка?Но то, на что это похоже, это то, что позиция клонированного объекта, который я перетаскиваю, получает дополнительно 30px за pos.left.

Это означает, что когда я помещаю свою кнопку в область вкладок, она не блокируется должным образом внутри перетаскиваемой области, которая # page1.Скорее, кажется, что есть 30px дополнительного поля, в котором таинственно находится кнопка. Когда я перетаскиваю свою кнопку в нижнюю часть страницы, из-за этого «поля» она появляется за пределами page1 и содержимого вкладки.

Более того, если я использую Firebug для контура контейнеров, все они выглядят правильного размера (без забавного переполнения или чего-то в этом роде).Однако, если я вынимаю код блочной модели из внешнего контейнера, содержимого вкладки, страницы 1, нижнего колонтитула и вручную устанавливаю высоту содержимого вкладки, равную 800 пикселей, ошибка исчезает.здесь происходит:

  var pos= $(ui.helper).offset();
          objName = "#clonediv"+counter;
          $(objName).css({"left":pos.left,"top":pos.top});

мой код здесь: http://jsfiddle.net/yLCZb/5/

какие-либо идеи?Я хотел бы использовать эту технику модели коробки, если бы я мог заставить ее работать в FF ..

1 Ответ

0 голосов
/ 11 октября 2011

Я не специалист по jquery, но похоже, что смешивание и подбор типов документов сбивает с толку FireFox. Попробуйте ванильное объявление типа документа HTML5:

<!DOCTYPE html>

Вы также должны потерять конструкции XHTML и атрибут "language" из тега <script>.

НТН!

...