Question

我按照以下方式追加表格

 $('#selectStudents').append("<tr><td>"+rollno+"</td>\n\
    <td>"+name+"</td>\n\
    <td><a href='#' class='att-time-btn toggle' onclick='periodPopup("+rollno+")' id='periodBox'></a></td>\n\
    <td><input type='checkbox' name='' id='mrng1' checked></td>\n\
    <td><input type='checkbox' name='' id='evng' checked></td></tr>"
 );

但是当调用periodPopup（）函数

时，这段代码对我不起作用

Answer 1

onclick已弃用。看看我在这里做了什么：

https://jsfiddle.net/gdczgros/

$( function() {
    var rollno = 101;

    $('#selectStudents').append("<tr><td>"+rollno+"</td>\n\
        <td>"+name+"</td>\n\
        <td><a href='#' class='att-time-btn toggle' data-rollno='"+rollno+"' id='periodBox'>Test</a></td>\n\
        <td><input type='checkbox' name='' id='mrng1' checked></td>\n\
        <td><input type='checkbox' name='' id='evng' checked></td></tr>"
     );

    // VVVVVVV
    $("#selectStudents").on('click', ".att-time-btn", function(event) {
        periodPopup( $(this).attr("data-rollno") );
    } );
    // ^^^^^^^

    function periodPopup( rollno ) {
        console.log( rollno );
    }
} );

Answer 2

我认为问题出在rollno，如果它是一个字符串值，那么它可能会失败

onclick='periodPopup(\""+rollno+"\")'

点击事件生成的jquery自动不适合我

2 个答案: