可排序交互不起作用

Question

我正在 ASP.NET MVC 3应用程序中工作，我正在尝试使用jQuery的Sortable。我已经有一个jQuery DatePicker在工作。在我看来，我有以下代码：

<link href=@Url.Content("~/Content/jquery_css/jquery.ui.all.css") rel="stylesheet" type="text/css" />
<script src=@Url.Content("~/Scripts/jquery.ui.core.js") type="text/javascript"></script>
<script src=@Url.Content("~/Scripts/jquery.ui.datepicker.js") type="text/javascript"></script>
<script src=@Url.Content("~/Scripts/jquery.ui.widget.js") type="text/javascript"></script>
<script src=@Url.Content("~/Scripts/jquery.ui.mouse.js") type="text/javascript"></script>
<script src=@Url.Content("~/Scripts/jquery.ui.sortable.js") type="text/javascript"></script>

下面是初始值设定项代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("#DateBegin").datepicker({ dateFormat: "dd/mm/yy" }).val();
        $("#DateEnd").datepicker({ dateFormat: "dd/mm/yy" }).val();
        $("#MenuPages").sortable("enable");
    }); 
</script>

日期选取器无缝工作。这是代码：

<fieldset>
    <legend>Search history</legend>
        <p>
            Begin: <br />
            <input type="text" id="DateBegin" name="DateBegin" value="" />
            <br />
            End: <br />
            <input type="text" id="DataEnd" name="DataEnd" value=""/>
            <br />
        </p>
    <button>Search</button>
</fieldset> 

但是可排序对象不起作用。代码：

<ul name="MenuPages" id="MenuPages">
    <li id="page_1">Home</li>
    <li id="page_2">Blog</li>
    <li id="page_3">About</li>
    <li id="page_4">Contact</li>
</ul>

大约一个月前我下载了DatePicker，现在下载了Sortable。我把jquery.ui.mouse.js、jquery.ui.widget.js和jquery.ui.sortable.js放在会话中。我还替换了jquery.ui.core.js.

我不知道是否有必要，我也jquery-ui-1.8.19.custom.js复制到会话中（那里也有jquery-ui-1.8.11.js和jquery-ui-1.8.11.min.js）。

不知道错误的来源可能在哪里。

Answer 1

而不是

$("#MenuPages").sortable("enable");

尝试

$("#MenuPages").sortable();

以初始化可排序对象。