jquery - MVC 4 创建可调整大小的列表框

Question

我有以下部分视图来创建列表框：

@model App.ValueObjects.DummyVo
@using App.Client.Mvc.Helpers.HtmlHelpers

@Html.ListBoxFor(model => model.SelectedContractIds, new MultiSelectList(ViewBag.Contracts, "Id", "ContractNo"), new { @class="ui-resizable ui-resizable-helper" })

该局部视图是使用 AJAX 命令动态调用的。

在主视图中，我有以下 div：

<div id="contractList">
</div>

这用于包含动态创建的列表框。

然后，我还在主视图中应用了以下 javascript：

$(document).ready(function () {
   $('#contractList').resizable();
}

“可调整大小”来自 JQuery-ui-1.9.2.js。问题是：

• div 的“可调整大小”行为仅在 DIV 中没有任何内容时起作用，即当调用 AJAX 命令来创建列表框时，“可调整大小”不再起作用。

请给一些关于如何处理的建议，谢谢！（也欢迎其他替代品）

Answer 1

一种解决方案可能是在将内容添加到目标 div 后的 ajax 成功回调中，重新调用可调整大小的

 success:function(data){
   $('#contractList').resizable();
  }