jQuery: проблема с изменяемым размером в FF - требуется помощь в отладке - PullRequest
Новая
       14

jQuery: проблема с изменяемым размером в FF - требуется помощь в отладке

0 голосов
/ 18 ноября 2010

Пожалуйста, попробуйте следующее в Firefox (моя версия: 3.6.12).
Это работало, а теперь нет.Это работает в IE, и это работает в jsFiddle от W / в FF - я думаю, что аддон может влиять на это.

Код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>Test</title>
   <link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" rel="stylesheet" />
   <style type="text/css" media="all">
      .ui-resizable-e {right:0; background:#eee; z-index:1000;}
      .ui-resizable-w {left :0; background:#eee; z-index:1000;}
       #foo
           {
              background   : #fff;
              border       : 1px solid #ccc;
              margin       : 0 auto;
              padding      : 1em; 
              text-align   : left;
              width        : 75%;
           }

   </style>
   <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js" type="text/javascript"></script>
   <script type="text/javascript">
      $(function(){

         var foo = $('#foo');
         foo.resizable({
              animate       : true
            , animateEasing : 'swing' 
            , handles       : 'e,w'
            , resize        : function (event,ui){
                                 ui.position.left = ui.originalPosition.left;
                                 ui.size.width    = ( ui.size.width
                                                    - ui.originalSize.width )*2
                                                    + ui.originalSize.width;
                                 }
            });
      });
   </script>
</head>
<body>
   <div id="foo"></div>
</body>
</html>

Чтобы воспроизвести ошибку:

  1. Возьмитесь за один из краев и измените размер div (перетащите, затем отпустите).
    Обычно, как только это будет сделано, крюк изменения размера должен быть освобожден, однако для меня этоне.
  2. После снятия ручки я могу щелкнуть в любом месте тела (слева / справа от ручки), чтобы изменить размер деления.

Я включил полный текстHTML (не длинный) моей тестовой страницы выше.Все CSS и сценарии связаны с библиотеками Google.

Ответы [ 2 ]

1 голос
/ 18 ноября 2010

Я только что попробовал это в Firefox 3.6.12, все работает отлично - я могу захватывать, перемещать, когда я отпускаю, он изменяет размеры Вы не упомянули о проблеме "зависания релиза".

Почему бы вам не запустить его в безопасном режиме (firefox --safe-mode) для тестирования без надстроек?

0 голосов
/ 18 ноября 2010

Я считаю, что проблема существует в дополнении FireQuery v0.8 к Firebug v1.5.4 .

В частности, я обнаружил, что отключено jQuery Lintв консоли больше не выдает ошибку выше.

Прокомментируйте, если вы в состоянии воспроизвести ошибку.

...