0

我在 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>

DatePicker 无缝工作。这是代码:

<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> 

但是 Sortable 不起作用。编码:

<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.jsjquery.ui.sortable.js在会话中。我也换了jquery.ui.core.js

我不知道是否有必要,我也复制jquery-ui-1.8.19.custom.js到会话中(也有jquery-ui-1.8.11.jsjquery-ui-1.8.11.min.js那里)。

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

4

1 回答 1

0

代替

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

尝试

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

初始化可排序的。

于 2012-04-18T20:16:05.247 回答