-1

追加された div を本文から非表示にしたい。.onjQuery 1.9.1 で使用していますが、動作しません。

<head>
    <style>
        .brd { border:solid 1px #FF0000; background:#CCCCCC}
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        function appendHtml (msg) {
            var htm= '<div class="brd">"' + msg + '"  <a href="javascript:void(0)">close</a></div>';
            $('body').append(htm);
        };
        $(function () {
            $('a').on('click', function () {
                $('.brd').remove();
            });
        });
    </script>
</head>
<body>
    <span onmouseover="appendHtml('hiii there')">append html</span>
</body>
4

4 に答える 4

2

onに既に存在する要素を配置する必要がありますdocument。あなたの場合、a動的に作成されました。だから、on働いていません。

イベントをトリガーする要素の最も近い親を選択します。

あなたの場合bodyやdocument

$(document).on('click','a',function(){
  $('.brd').remove();
})
于 2013-06-06T10:09:33.817 に答える
1

動的要素には委任を使用する必要があります。

$(function(){
    $(document).on('click','a',function(){
       $('.brd').remove();
    })
})
于 2013-06-06T10:08:54.863 に答える
0

この構文を試してください

 $(document).on('click','a',function(){
       $('.brd').remove();
    })
于 2013-06-06T10:09:12.370 に答える