0

私はASP.NET MVC 3アプリケーションで作業しています。jQueryのSortableを使用しようとしています。私はすでにjQueryのDatePickerを動作させています。私の見解では、私は次のコードを持っている:jquery - Sortable Interaction not working

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

日付ピッカーの作業をシームレス:

<link [email protected]("~/Content/jquery_css/jquery.ui.all.css") rel="stylesheet" type="text/css" /> 
<script [email protected]("~/Scripts/jquery.ui.core.js") type="text/javascript"></script> 

<script [email protected]("~/Scripts/jquery.ui.datepicker.js") type="text/javascript"></script> 

<script [email protected]("~/Scripts/jquery.ui.widget.js") type="text/javascript"></script> 
<script [email protected]("~/Scripts/jquery.ui.mouse.js") type="text/javascript"></script> 
<script [email protected]("~/Scripts/jquery.ui.sortable.js") type="text/javascript"></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> 

私は約1ヶ月前にDatePickerをダウンロードし、すぐにソート可能なものをダウンロードしました。私は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もあります)。

エラーの原因を特定できません。代わりに

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

答えて

0

はソート可能を初期化するために

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

を試してみてください。

+0

ありがとう! (愚かな質問の種類...;) –

+1

@ LucasReis私たちの最高のことが起こる。 – jbabey