Вопросы Теги

Textarea с изменяемым размером jQueryUI сохраняет размеры после переключения

Ниже приведен пример тестовой программы кода, которая имитирует проблему, с которой я столкнулся. В основном, когда не используется resizable () для текстового поля, нажатие на «Content [+/-]» позволяет сворачивать набор полей и текстовое поле не отображается. Однако при использовании изменяемого размера нажатие на «Содержимое [+/-]» приводит к скрытию текстовой области, но исходные размеры текстовой области сохраняются, и набор полей не сворачивается, а значок изменения размера по-прежнему отображается в правом нижнем углу.

Есть ли лучший способ структурировать HTML или мне не хватает операции с jQuery / jQueryUI?

Спасибо. 


<!DOCTYPE html>
<html>
<head><title>SO,2</title>
<script 
  type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script 
  type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js">
</script>
<link 
  rel="stylesheet" 
  type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css"/>
</head>
<body>

<div id="squish1">
  <fieldset id="fs1">
    <legend id="lg1">Content [+/-]</legend>
    <textarea rows="10" cols="80" name="ta1" id="ta1"></textarea>
  </fieldset>
</div>

<script type="text/javascript">
$('#ta1').resizable();
$('#fs1').click(function(){
  $('#ta1').toggle();
});
</script>
</body>
</html>
1
задан T.P. 2 October 2010 в 20:53
поделиться