使用jquery帖子的问题

时间:2011-03-12 10:16:32

标签: javascript jquery javascript-events

我有一个发布到网址(ajax)的链接。然后我想隐藏整个李。

HTML

<li>Product Name <a href="/delete/item_id" class="del">Delete</a></li>

JQUERY

$(function(){ 
    $(".del").click(function () {
        var link = $(this).attr('href');
        $.post(link, function() {
             $(this).parent().slideUp();
         return false;
        });  
        event.preventDefault();
    });
});

1 个答案:

答案 0 :(得分:1)

传递给$ .post的成功处理程序中的this - 关键字不引用锚元素,因此您的代码将无效。您可以通过在成功处理程序之外保存对li - 元素的引用来轻松解决此问题:

$(function(){ 
    $(".del").click(function () {
        var link = $(this).attr('href');
        var li = $(this).parent();
        $.post(link, function() {
             li.slideUp();
         return false;
        });  
        event.preventDefault();
    });
});