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

Question

我有以下部分 View 来创建列表框:

@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 命令动态调用该部分 View 。

在主视图中，我有以下 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();
  }