Question

这是jquery代码。

$( '#textarea_introduce' ).resizable( {
    helper : 'ui-state-highlight',
    handles : 'se'
} );

和标记是

<div id="box_formIntroduce">
  <label for="textarea_introduce" id="label_introduce">
    <fmt:message bundle="${ resourceMessage }" key="label_introduce" />
  </label>
  <textarea name="introduce" id="textarea_introduce" cols="20" rows="5">
    ${ resource.beforeValueMap.introduce }
  </c:if>
  </textarea>
</div>

它不起作用。我找不到任何错误...... 这有什么问题？

测试环境：Chrome

Answer 1

我使用了一些代码，以下工作在chrome和ie8

<html>
<head>
<title></title>

<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

 <link rel="stylesheet"     href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css"
type="text/css" media="all"> 

</head>
<body>
<div id="box_formIntroduce">   
<label for="textarea_introduce" id="label_introduce">
</label>   
<textarea name="introduce" id="textarea_introduce" cols="20" rows="5"> 
</textarea> 
</div>

<script type='text/javascript'>
$(window).load(function(){
$("#textarea_introduce").resizable();
});
</script>
</body>
</html>

Answer 2

如果你还没有这样做，我会把jQuery代码初始化为.resizable()在熟悉的文档加载代码中，只是为了确保有一个可用于调整大小的文本区域：

$(document).ready(function(){
    $( '#textarea_introduce' ).resizable( {
        helper : 'ui-state-highlight',
        handles : 'se'
    } );
});

jQuery Resizable textarea无效

2 个答案: