Question

如何防止在创建dom后加载的html元素上的默认事件操作。我有一个页面，它通过jquery .load方法包含另一个页面，你可以在第一行代码中看到。

从第三行开始的代码似乎不起作用。当我单击带有a.clearCart的链接时，浏览器只会加载页面而不是在后台请求页面。类clearCart的链接位于名为“Cart.php”的单独文件中，该文件在页面准备好时加载。

以下页面是：index.php

$(document).ready(function(e) {
    $('#cart').load('./ajax/Cart.php');//a.clearCart is located in this file    



    $("a.clearCart").click(function(e)
    {
        e.preventDefault();
        return false;
        $.getJSON('./ajax/clearCart.php?','id=12',check);
        function check(data)
        {
            if(data.Status == "Success")
            {
                alert("Update Cart");//For Debugging Only,should call UpdateCart()
            }
            else if(data.Status == "Failed")
            {
                alert("WTF");//Welcome to Finland
            }
        }
    });





    function UpdateCart()
    {
        $('#cart').load('./ajax/Cart.php');
    }
    $('.formInfo form').submit(function(e) {

        var id = this.prodId.value;
        var qta = this.qty.value;
        var data = {prodId:id,qty:qta};
        $.getJSON('./ajax/addcart.php',data,processData);

        function processData(data)
        {
            if($('p.message').text().length > 5)
            {
                $('p.message').empty().removeClass('.success').removeClass('failure');

            }
            if(data.Status == "Failed")
            {
                $('p.message').append(data.Reason).addClass('failure');
            }
            else if(data.Status == "Success")
            {
                $('p.message').append(data.Reason).addClass('success');
                UpdateCart();
            }
        }

        return false;
    });


});

Answer 1

您可以使用live()或on()功能。我将使用on()显示，因为从{jQuery 1.7开始不推荐live()：

更改

$("a.clearCart").click(function(e)

要

$(document).on('click', 'a.clearCart', function(e) {
    // Code goes here
}).

见

http://api.jquery.com/live/ - 自jQuery 1.7起已弃用
http://api.jquery.com/on/

Answer 2

点击功能无效，因为其中包含return false;。这将通过返回false来结束该功能。

删除它，将执行ajax代码。

jquery通过ajax阻止元素上的默认事件

2 个答案: