Изменение размера Jquery не работает - PullRequest
Новая
       9

Изменение размера Jquery не работает

1 голос
/ 19 января 2011

я пытаюсь использовать изменяемый размер jquery-ui.

здесь я создаю изменяемый размер: 

jQuery("#id404").resizable();

вот div после того, как я создал изменяемый размер. 

<div style="right: 7px; top: 120px; left:0%; bottom:340px; position:absolute; overflow:visible; z-index:2; cursor:pointer;">
   <div 
      id="id404" 
      name="resizable_div" 
      class="ui-resizable" 
      style="position:relative; width:100%; height:100%; overflow:hidden;">
   <div class="ui-resizable-handle ui-resizable-e"></div>
   <div class="ui-resizable-handle ui-resizable-s"></div>
   <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001; "></div>
</div>
</div>

Теперь это не работает.

, хотя размер элемента div можно изменить (отображаются маркеры, значок меняется и т. Д.), Когда я пытаюсь изменить размер блока div, размер остается неизменным, независимо от того,что я делаю.Процесс изменения размера происходит, потому что во время отладки сработали обратные вызовы onStop и onStart.

кто-нибудь может сказать мне, что я сделал неправильно?

Я предполагаю, что это что-то, связанное с абсолютными div

спасибо,

Тал

Ответы [ 4 ]

0 голосов
/ 25 апреля 2016

Попробуйте изменить размер родительского div и используйте следующий синтаксис: 

$(selector, context).resizable({option1: value1, option2: value2..... });
0 голосов
/ 19 января 2011

Целевой идентификатор принимает ширину и высоту родителя, но его переполнение скрыто, поэтому его нельзя изменить за пределы размеров родителя.

0 голосов
/ 19 января 2011

Ну, выяснил, в чем была проблема, но я понятия не имею, почему это происходит.

хорошо, я привязался к телу: onresize событие - функция, которая рисует все с нуля. это потому, что у меня есть веб-страница с полными страницами и каждый размер тела, я хочу, чтобы он был перерисован.

но, очевидно, это событие вызывается каждый раз, когда jquery изменяет размер div, поэтому казалось, что ничего не произошло.

на данный момент я устанавливаю глобальный флаг "resize", когда запускаю изменение размера jquery, и приказываю функции повторного рендеринга возвращать, если этот флаг установлен.

но я не знаю, почему событие тела сработало бы при изменении размера внутреннего div.

0 голосов
/ 19 января 2011

Я думаю, у вас есть проблема со стилем. У вас есть контейнер DIV с фиксированными значениями High и Width. Вы помещаете свой большой DIV в него. Поэтому я думаю, что контейнер DIV блокирует процесс изменения размера.

Попробуйте сначала избавиться от этого DIV, чтобы убедиться, что это не проблема.

...