單擊按鈕調用函數

Question

我寫的腳本如下：

<script type="text/javascript">
    $(document).ready(function(){
        $("#Click").click(function(){
            var data1 = new Object();
            data1.name = $('#databases').val();
            $.ajax({
          url : "form_submit",
          type : 'POST',
          data : data1,
          dataType : "text",              
          success : function(data){
            data = JSON.parse(data);
            var output="<table id=tableStyle>";
            output+="<tr>" + "<th>" + "REPORTSUITE_ID" + "</th>" + "<th>" + "REPORTSUITE_NAME" + "</th>" + "<th>" + "STAGING_DATABASE" + "</th>" + "<th>" + "DWH_DATABASE" + "</th>" + "</tr>";
            for (var i in data)
            {
                output+="<tr>" + "<td>" + data[i].REPORTSUITE_ID + "</td>" + "<td>" + "<button type = \"buttion\" id =\"tableList\">" + data[i].REPORTSUITE_NAME + "</button>" + "</td>" + "<td>" + data[i].STAGING_DATABASE + "</td>" + "<td>" + data[i].DWH_DATABASE + "</td>" + "</tr>";
            }
            output += "</table>";
            document.getElementById("placeholder").innerHTML=output;
          }
          });
        });
        });
    $("#tableList").click(function(){
            alert("this is data");
            });
</script>

單擊帶有 id = tableList 的按鈕時，我希望顯示帶有消息“這是數據”的警報，但它不顯示任何內容。 我還嘗試在不同標簽之間粘貼與單擊帶有 id tableList 的按鈕相關的代碼，但它仍然不起作用。 請幫忙

Answer 1

您好，針對上述問題使用了事件委托，指出如下：

<script>
    $(document).on("ready",function(){
        $("#placeholder").on("click","button",function(event){
            alert("id is " + this.id + "for database " + $('#databases').val())
        })
    });
</script>

該值正在正確傳遞。 謝謝指點。