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回来后，再调用调整大小像

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