Question

我有一个ID为 btn_status 的按钮，

<button class="btn btn-success" id="btn_status">Enable</button>

并希望在按下具有此功能的按钮时显示警报：

$('#btn_status').click(function(event){
  alert("button is clicked");
});

此功能有什么问题？我看不到任何邮件提醒

我将我的script.js加载到/var/www/html/form/index.php上，并且jQuery代码按钮位于/var/www/html/form/ajax/readRecords.php

执行readRecords.php时，将使用以下代码创建按钮：

...
    while($row = mysqli_fetch_assoc($result))
    {
        $status = $row['register_status'];
        if ($status == "Active") {
            $register_status = '<button class="btn btn-success" id="btn_status">Enable</button>';
        }
        else {
            $register_status = '<button class="btn btn-warning" id="btn_status">Disable</button>';
        }

        $data .= '<tr>
                        <td>'.$row['id'].'</td>
                        <td>'.$row['first_name'].'</td>
                        <td>'.$row['last_name'].'</td>
                        <td>'.$row['email'].'</td>
                        <td width="1%">'.$register_status.'</td>

...

Answer 1

尝试以下操作：

$('body').on('click', '#btn_status', function(event){
  alert("button is clicked");
});

https://jsfiddle.net/wwWaldi/3xy4woq7/19/

Answer 2

请检查我的代码:) 希望对您有所帮助。

$(document).ready(function(){
  $('#btn_status').click(function(event){
      alert("button is clicked");
    });
});

如何处理jQuery中的按钮单击事件

2 个答案: