Question

我正在使用存储在数据库中的数据编译无序的元素列表。值'qid'与单独的div元素相关联;我有它，所以当单击div时，执行此代码：

var liststring =
        '<li id="'+qid+'">'+
            '<button type="button" class="del" onclick="deleteQuestion(\''+qid+'\');" >X</button>'+
        '</li>';
$('ul').append(liststring);

这使每一个工作的外观;列表项和按钮出现。但是，如果我单击其中一个按钮而不刷新页面，该按钮根本不起作用，我在代码的第1行收到此错误，其中我有doctype声明：

<!DOCTYPE html>

未捕获的SyntaxError：意外的令牌ILLEGAL

一旦刷新页面（列表保持不变），按钮就可以工作。我使用Chrome。

我不确定发生了什么事;我在另一个关于隐形字符的帖子中读到了，但是我在编辑器Notepad ++中查找了它们，并没有找到任何字符。

有什么问题？

Answer 1

试试这个：

var liststring =
        '<li id="'+qid+'">'+
            '<button type="button" class="del" >X</button>'+
        '</li>';
$(liststring).click(function(){
    deleteQuestion(qid);
});
$('ul').append(liststring);

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

1 个答案: