0

リストアイテムが1つのリストボックスから別のリストボックスに移動していません。Firefoxでスクリプトをデバッグしようとしましたが、button.click内に入ることはありません。何が間違っているのかわかりません。ご協力いただきありがとうございます。

マスターページがあります：次に、追加したコンテンツページがあります：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
      <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../Scripts/UiEffect/dragdrop.js" type="text/javascript"></script>   
</asp:Content>

これがコンテンツページHTMLの私のhtmlです：Databind（）を使用してDBから取得しているリストボックスアイテム

<div class="question">

       <asp:ListBox ID="Allitem" runat="server" Rows="7" Width="200px" ></asp:ListBox>

        <input id="ibtnLeft" type="image"  src="../Images/LeftArrow.png" />
        <input id="ibtnRight" type="image" src="../Images/rightArrow.png" />
       <asp:ListBox ID="selectedItem" runat="server" Rows="7" Width="200px"></asp:ListBox>
    </div>

これがdragdrop.js外部ファイルのj-queryです。

$("#ibtnRight").click(function ($e) {
    $("select[id$='Allitem'] option:selected").appendTo($("select[id$='selectedItem']"));
    $("select[id$='Allitem'] option:selected").remove(); $e.preventDefault();
});

$("#ibtnLeft").click(function ($e) {
    $("select[id$='selectedItem'] option:selected").appendTo($("select[id$='Allitem']"));
    $("select[id$='selectedItem'] option:selected").remove(); $e.preventDefault();
});
4

2 に答える 2

3

'dragdrop.js'のコードは、DOMがロードされた後に実行する必要があります。そうしないと、セレクターがまだ作成されていないターゲットを見逃す可能性があります。

$(document).ready(function(){
  // run initializing code here
});

また、@ Chrisが指摘しているように、IDは思ったとおりにレンダリングされない場合があります。その場合、スクリプトタグのページ自体でインライン動的JavaScriptを使用できます。

<script type="text/javascript">
  $(document).ready(function(){
    $('#<%= Allitem.ClientID %>').doSomething();
  });
</script>
于 2012-08-08T15:22:07.230 に答える
0

ASP.NETは、実際にコードを実行するときにIDを変更することがあると聞きましたが、JQueryを介してターゲティングするIDは、コードで定義されているものと同じですか。補足として、ASP.NETMVCを移動してみませんか。

于 2012-08-08T15:25:36.467 に答える