jquery - 可排序的交互不工作

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

初始化排序。