删除按钮不起作用

时间:2014-09-20 04:54:19

标签: javascript php ajax

Hello亲爱的程序员,

我已经定义了一个基于论坛的系统,其中允许登录用户删除他的帖子,最近我已经使我的删除按钮顺利进行,但是在尝试添加更多脚本之后对于我的编辑按钮(允许用户编辑帖子的按钮),我的删除按钮丢失了它的功能,到目前为止,代码完全有道理,我已经检查了几次,但删除不起作用因为它也使用它......下面的代码段是代码的ajax部分;

        $(".btn-delete").on("click", function() {

        var selected = $(this).attr("id");
        var pageid = selected.split("del_").join("");
        var confirmed = confirm("Are You Sure You Want to Delete This Post?!");

        if(confirmed == true) {

        $.get("ajax/pages.php?id="+pageid);
            console.log('trying to get ajax/pages.php?id='+pageid);

        $("#page_"+pageid).remove();

        }

        alert(selected);    
    });

这是我的论坛页面,我称之为;

      <a href="#"  id="del_<?php echo $list['id']; ?>" class="btn btn-danger btn-delete">Delete <i class="fa fa-trash-o"></i></a>

任何帮助都是赞赏伙伴,提前谢谢。

1 个答案:

答案 0 :(得分:0)

在文档准备好之前,页面无法安全操作。 jQuery为您检测这种准备状态。代码包含在&#34; $(文档).ready()&#34;只有在页面文档对象模型(DOM)准备好执行JavaScript代码时才会运行,并且因为没有&#34; $(文档).ready(function()&#34 ;, jQuery无法检测到状态准备就绪。

下面的代码片段是添加&#34; $(document).ready()&#34;后代码的样子。 ;

 $(document).ready(function() {  

$(".btn-delete").on("click", function() {  
    var selected = $(this).attr("id");
    var pageid = selected.split("del_").join("");
    var confirmed = confirm("Are You Sure You Want to Delete This Post?!");

    if(confirmed == true) {

        $.get("ajax/pages.php?id="+pageid);
        console.log('trying to get ajax/pages.php?id='+pageid);

        $("#page_"+pageid).remove();

    }

   // alert(selected);    
  });
 });