代码之家  ›  专栏  ›  技术社区  ›  st4ck0v3rfl0w

jquery+<a>标记

  •  0
  • st4ck0v3rfl0w  · 技术社区  · 15 年前

    我创建了一个facebook/twitter风格的状态更新,新的状态被添加到一个无序的列表中。我现在想添加一个“remove”函数到它,但是,我不确定如何最好地完成这一点。

    1. 在我的列表项中,用status post id的唯一id创建我的[a]标记,并设置一个listener类
    2. 让jquery使用listener类监听[a]标记
    3. 将id发送到php脚本以删除post;如果成功返回并返回“ok”,或者如果失败返回并返回“fail”
    4. 在回调函数中,如果可以,则找到元素并将其移除
    1 回复  |  直到 15 年前
        1
  •  2
  •   Harmen    15 年前

    HTML:

    <li id="id-1234">
       Some text
       <a href="#" class="remove_li">Remove</a>
    </li>
    

    javascript代码:

    $(document).ready(){
        $('.remove_li').live('click', function(){
           var id = $(this).parent().attr('id').substring(3);
           var that = this;
           $.post('url.php', {id: id}, function(data, status){
               if(status == 'success'){
                   $(that).parent().remove();
               } else {
                   alert("Couldn't delete");
               }
           });
        });
    }