Question

我创建了一个页面，使用jQuery AJAX从另一个页面接收按钮但是当我点击此按钮时没有任何反应。代码：

$(function () {
    //$("#Menu ul li").click(function () { alert("ok"); });

    $("a").button();

    $("#Menu ul li:nth-child(2)").click(function () {
        $("#ajaxLoader").fadeIn('slow');
        $.ajax({
            url: "CreateDataBase.htm",
            type: "GET",
            dataType: "html",
            success: function (data) {
                $("#ajaxLoader").fadeOut('slow');
                $("#Sample").html("").append(data).css("textAlign", "center").css("paddingTop","30px") ;
                $("a").button();
            }
        });
    });

    $("#Sample input:submit").click(function () { alert("Ok"); });
});

createdb page：

<a id="CreateDB">Create a Database</a>

我也在使用jQuery UI。 code in snipt.org

Answer 1

尝试在jQuery API中使用live方法。有些事情如下

$("#Sample input:submit").live("click", function(){ alert("Ok"); });

Answer 2

在您的活动被绑定时，按钮不在那里。您想要在ajax-success-callback中绑定事件，或者（更好）使用eventdelegation：

$('body').on('click', "#Sample input:submit", function () { alert("Ok"); });

有关详细信息，请参阅http://api.jquery.com/on/。

无法使用jQuery在DOM中选择元素

2 个答案: