Button 按下通过插入HTML创建的按钮

Button 按下通过插入HTML创建的按钮,button,insert,Button,Insert,我正在编译一个无序的元素列表,其中的数据存储在数据库中。值“qid”与单独的div元素相关联;我拥有它,因此当单击div时,将执行以下代码: var liststring = '<li id="'+qid+'">'+ '<button type="button" class="del" onclick="deleteQuestion(\''+qid+'\');" >X</button>'+ '</l

我正在编译一个无序的元素列表,其中的数据存储在数据库中。值“qid”与单独的div元素相关联;我拥有它,因此当单击div时,将执行以下代码:

var liststring =
        '<li id="'+qid+'">'+
            '<button type="button" class="del" onclick="deleteQuestion(\''+qid+'\');" >X</button>'+
        '</li>';
$('ul').append(liststring);
var列表字符串=
“
  • ”+ “X”+ “
  • ”; $('ul').append(liststring);
    这给了工作的每一个外观;此时将显示列表项和按钮。但是,如果在不刷新页面的情况下单击插入的按钮之一,则该按钮根本不起作用,并且在代码的第1行出现此错误,其中有doctype声明:

    <!DOCTYPE html>
    
    
    
    未捕获的语法错误:意外标记非法

    但是,一旦我刷新页面(列表保持不变),按钮就会工作。我用铬

    我不知道发生了什么事;我在另一篇文章中读到了关于隐形字符的内容,但我在编辑器记事本++中查找了它们,没有找到任何

    有什么问题吗?

    试试这个:

    var liststring =
            '<li id="'+qid+'">'+
                '<button type="button" class="del" >X</button>'+
            '</li>';
    $(liststring).click(function(){
        deleteQuestion(qid);
    });
    $('ul').append(liststring);
    
    var列表字符串=
    “
  • ”+ “X”+ “
  • ”; $(liststring)。单击(函数(){ 问题(qid); }); $('ul').append(liststring);