将代码添加到ajax post表单提交

时间:2013-08-16 18:54:37

标签: ajax jquery

我有下一个代码

$(document).ready(function () {
    $("#productfilter").validate({
        submitHandler: function (form) {
            $.ajax({
                type: "POST",
                url: "listproresult_core.php",
                data: $("#productfilter").serialize(),

                beforeSend: function () {
                    $("#contentincore").html("<img src='../loading_core/loading animated/loader.gif'class='clock' border='0' />");
                },

                success: function (result) {
                    $("#contentincore").html(result);
                }
            });
        }
    });
});

并且我希望在里面添加下一个函数并且表单的结果,链接在load函数结果中实现

$('#contentincore a').click(function (e) {
    ("#contentincore").on("click", "a:not(.minlink)", function (e) {
        ("#contentincore").load($(this).attr("href"));
        e.preventDefault();
    });
});

1 个答案:

答案 0 :(得分:0)

要将函数绑定到使用ajax加载的内容,必须使用.on()。这是一个实例:http://jsfiddle.net/GMDah/(检查控制台)按下顶部链接时,“按下”将打印在控制台中。当按下类.minlink的底部链接时,此处的代码不会被执行。

代码是:

$("#contentincore a:not(.minlink)").on("click", function (e) {
    console.log("pressed");
});

另外,不要忘记将$ - 符号或jQuery放在括号前,您似乎错过了一些。

相关问题