0

2番目のリスト（id = myList-toggle）のアイテム（id-= l1）にリスト（anotherList）を追加するために必要なコードですが、もう一度クリックすると削除されます。しかし、削除は期待どおりに機能していません。この点でいくつかの助けが期待されます。 

 $('a#myList-toggle').click(function () {

                list.slice(0, counter()).slideToggle();

                 return false;

            });

            $('a#l1').click(function () {


                $('#l1').append($('#anotherList'));
               function () {
                   $('#al1').remove();
                };
                $('#anotherList').show();
                return false;

            });

        });



    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        <div>
        <a href="#" id="myList-toggle">GO Now!!!!!!!</a></div>
    <ul id="myList" style="margin-bottom: 0px">
        <li><a href="#" id="l1">item1</a></li>
        <li><a href="#" id="l4">item2</a></li>
        <li><a href="#" id="l5">item3</a></li>
        <li><a href="#" id="l6">item4</a></li>
        <li><a href="#" id="A1">item5</a></li>
        <li><a href="#" id="A2">item6</a></li>
        <li><a href="#" id="A3">item7</a></li>
        <li><a href="#" id="A4">item8</a></li>
    </ul>
    <ul id="anotherList">
        <li class="al1">Item</li>
        <li class="al1">Item</li>
        <li class="al1">Item</li>
        <li class="al1">Item</li>
    </ul>
</asp:Content>

リストを追加および削除する他の簡単な方法があるかどうかを教えてください。

4

3 に答える 3

3

名前のない関数ステートメントがあります：

           function () {
               $('#al1').remove();
           };

これはJavascriptでは無効であり、コードがエラーをスローしてスクリプトの実行を停止する可能性があります。

id="al1"HTMLに要素がないため、$('#al1')何も選択されません。$('a#l1')他の回答では、またはのいずれかが必要であることが示唆されていますが、$('.al1')正確に何を削除するかは明確ではありません。

#anotherListをクリックしたときにの表示を切り替えようとしているようですa#l1。おそらく、より良いアプローチは、最初から要素#anotherListの子としてレンダリングし、次にハンドラーでレンダリングすることです。非表示の状態で開始する場合は、の初期スタイルをに設定する必要がある場合があります。a#l1click$('#anotherList').toggle()#anotherListdisplay: none

于 2012-06-22T08:21:05.870 に答える
1

おそらくあなたは間違ったものをタイプしましたか？

$('a#l1').remove();

#al1代わりに入力しましたa#l1

または、クラスを選択しましたか？

$('.al1').remove()

クラスのセレクターはで.あり、IDのセレクターはです#

于 2012-06-22T08:20:06.530 に答える
0

に変更$('#al1').remove();してみてください$('.al1').remove();

また、function() {削除する前に何をしますか？

必要ないと思います。

編集：

このリンクを試してください：http：//jsfiddle.net/9dVXg/

それがあなたがしたいことだと思います。

于 2012-06-22T08:21:30.883 に答える