javascript - 动态按钮不调用javascript函数？

Question

我有一个按钮可以像这样动态添加到我的页面。

if (adminInd  =='X'){

    var adminDiv = $(
        '<label id=Delegatelbl>Miscellaneous label prototyping.:</label>'+
        '</br></br>'+
         '<div style="padding-right:152px;"> '+
            '<form action="userfop.jsp" id="userForm" >'+
              '<label for="tuid">TU-ID:</label>'+
              '<input type="text" name="tuid" id="tuid" maxlength="9"/>'+
            '<button type="button" id="RoleChanger" style="cursor:pointer" class="ab_submit" onclick="validateTuid()"> Change Role </button>'+
            '</form>'+
         '</div>');

    adminDiv.insertBefore('#FormDiv');


    } 

正如您从按钮标签中看到的，我正在尝试调用 javascript 函数，并且 我几乎尝试了所有方法，但该功能没有触发。我做错了什么。我已经拍摄了 2 个小时，但没有成功。 这是我看不到我做错了什么的功能。有人请指出我正确的方向。

function validateTuid(){

    var textTuid = document.getElementById(tuid).value  

    $.ajax({  type: "POST",
          url: "dbfunctions.jsp",  
          data: {TYPE:"V", tuidval:textTuid }}).done(function( msg )
           {  
                alert("Data Saved: " + $.trim(msg));
            if (msg != null || msg != ''){userForm.submit()}
                return "N";
          });

Answer 1

你应该委托(delegate)click事件，你可以使用on()方法，试试下面的方法:

$(document).on('click', "#RoleChanger", validateTuid)