0

我正在使用 php 和 mysql 创建一个评论系统来存储数据和 ajax 与 jquery 所有系统运行良好，但是当涉及到删除操作时，没有任何事情发生，就像这个按钮没有任何操作或与系统的关系任何人都可以帮助我 ？？？

评论框.php

<li class="comment-holder" id="_<?php echo $comment->comment_id;  ?>">
    <div class="user-img">
     <img src="<?php echo $user->profile_img; ?>" class="user-img-pic" />
      </div>
      <div class="comment-body">
            <h3 class="username-field">
                     <?php echo $user->userName; ?>
             </h3>
              <div class="comment-text">
                   <?php echo $comment->comment; ?>         
              </div>
        </div>
         <div class="comment-buttons-holder">
            <ul>
                <li id="<?php echo $comment->comment_id; ?>"class="delete-btn">X</li>
             </ul>
          </div>
      </li>

comment_delete.js（我正在用 firebug 测试删除按钮）

$(document).ready(function() {

    $('.delete-btn').each(function() {
        var btn = this;
        $(btn).click(function(){
            console.log("the id " + btn.id);

        })      
    });
});
4

3 回答 3

0

Try

$(document).ready(function() {

    $('.delete-btn').click(function() {
        var comment_id = $(this).attr('id');
        alert(comment_id);
    });
});
于 2013-04-17T06:45:15.080 回答
0 
<li id="<?php echo $comment->comment_id; ?>"class="delete-btn">X</li>

由于您在 id 值和属性之间缺少空格class，我认为浏览器只是没有将该类分配给元素。

编辑（对于不知道“失踪”是什么意思的人）：

您的 PHP 代码将生成表单的 HTML 输出

<li id="123"class="delete-btn">X</li>

而它当然应该是

<li id="123" class="delete-btn">X</li>

请务必 在提问之前验证您的 HTML 代码。

于 2013-04-16T13:59:05.167 回答
0

尝试这个

$(document).ready(function() {

    $('.delete-btn').each(function(i,el) {
        $(el).click(function(){
            console.log("the id " + $(this).attr('id'));

        })      
    });
});
于 2013-04-16T13:53:17.743 回答