Javascript 为什么我的jquery脚本不起作用？

我编写了一个脚本，它从一个方法中获取数据（Json类型），并用一个关闭按钮在div标记中显示，当我单击关闭按钮时，它不工作！我的剧本是：

 $(document).ready(function () {
        $("#go").click(function () {
            setInterval(function () {
                $.ajax({
                    type: "POST",
                    url: "WebForm2.aspx/GetMyBooks",
                    data: '{}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {

                        for (var i = 0; i < response.d.length; i++) {
                            $("#pejiGrid").append("<div class='modal'><div style='float:left;'><span class='close'>X</span></div>" + response.d[i].BOOK_NAME + "<br/>" + response.d[i].BOOK_DESC + "</div><br/>");
                        };
                    },
               });
                $('.modal').hover(
                    function () {

                        $(this).find('.close').delay(0).fadeIn(300);

                    },
                     function () {

                         $(this).find('.close').delay(0).fadeOut(500);
                     });

            }, 5000);
        });

        $('span.close').click(
            $(this).closest('div.modal').fadeOut(0)
            );
       });

有人能帮我解决问题吗？

您需要使用此处将

单击
事件绑定到动态创建的
div
和
span
元素
\pejiGrid
：

$('#pejiGrid').on('click', 'span.close', function() {
    $(this).closest('div.modal').fadeOut(0);
});

+现在我投票给你…有趣的是，这是完全相同的问题！回答得好，谢谢。。你能帮我解决关于悬停脚本的问题吗？
$('#pejiGrid').on('click', 'span.close', function() {
    $(this).closest('div.modal').fadeOut(0);
});