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>

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.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();

初始化可排序。

jquery - 可排序交互不起作用

1 个答案: