0

応答ページ (test.html) のリンクがメイン ページで jquery を呼び出せないのはなぜですか? 両方のリンクは同じクラスですが、機能させるために何をしなければならないか教えてください。

メインページ :

<script type="text/javascript">
      $(document).ready(function () {
        $(".comment_link").click(function () {
                $.ajax({
                    url: "test.html",
                    success: function (cont) {
                        if (cont) {
                            $("#view" ).append(cont);
                        }
                    }
                });
                return false;
    });
    });
    </script>

    <div id="view"></div>
    <a href="#" class="comment_link">add comment</a>

test.html のファイル内容:

    Helloo
    <a href="#" class="comment_link">Test</a>
4

2 に答える 2

1

動的に追加しているため、イベント委任を使用する必要がありますcomment_link

$(document).on('click',".comment_link",function (){...});

このようにコードを変更する必要があります-

$(document).ready(function () {
    $(document).on('click', ".comment_link", function () {
        $.ajax({
            url: "test.html",
            success: function (cont) {
                if (cont) {
                    $("#view").append(cont);
                }
            }
        });
        return false;
    });
});
于 2013-06-24T18:33:04.333 に答える