jQuery « Почему некоторые плаги jquery-ui плохо работают в Firefox 3 и как с этим бороться.

Мне нужна обязательно поддержка Firefox 3. Но блин плагины ui.draggable , ui.sortable и ui.dialog страшно моросят.

Например есть такой html:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

 ...
 ...
 <div id="div-sortable">
   <div id="p-1" style="background: transparent url(/i/app/) no-repeat;" class="dev-1"> </div>
   <div id="p-2" style="background: transparent url(/i/app/) no-repeat;" class="dev-1"> </div>
   <div id="p-3" style="background: transparent url(/i/app/) no-repeat;" class="dev-1"> </div>
   <div id="p-5" style="background: transparent url(/i/app/) no-repeat;" class="dev-1"> </div>
   <div id="p-5" style="background: transparent url(/i/app/) no-repeat;" class="dev-1"> </div>
</div>
 ...
 ...
 

Прикрепляем плагин ui.sortable:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

  $(document).ready(function(){
   $('#div-sortable').sortable({
     forcePlaceholderSize: true,
     placeholder: 'placeholder'
    });
  });
 


Обновляю страницу в Firefox - e пытаюсь отсортировать элементы, и вижу что все работает через ж..... Как назло в Opar - e работает все нормально. Правда нужно отметить что у меня на странице еще работают два таймера, которые обновляют ее. Но все же почему так все глючно. Не хочу использовать какой нибудь другой плагин потому что функционал этих меня устраивает. Похожая ситуация и ui.dialog (при перемещении диалогового окно).

Если кто нибудь решал эти проблемы, подскажите что делать.
0
firefox jquery jquery-ui

1 ответов

Сталкивался с такой проблемой. Как я понял оно не хочет таскать блоки, в которых нет текста. Не спрашивайте, почему - я не знаю. Но мне помогало добавление   в конец каждого блока.

0

jquery-ui в принципе очень низкокачественные плагины, и мало где работают хорошо. Я бы рекомендовал по возможности ими не пользоваться.

-1