Question

我正在尝试从字符串id=obj1中提取html_doc并尝试将onclick function附加到它上

document.addEventListener("DOMContentLoaded",
function (event) {
    $ajaxUtils.sendGetRequest("data/GOG123.json", 
        function (res) {
            var residue=res.residues;

            var html_doc = "<div>" + "<Button id = obj1>" + residue[0].index + "</Button> " + "</div>";
            console.log(html_doc);

            var html_doc2;

            html_doc2= $("html_doc").find("obj1");
            $(document).ready(function(){
                html_doc2.click(function () {
                    alert("Hello!");
                });
            });

            var div1=$("#infoDiv");
            div1.append(html_doc);
        }
    );

});

它不起作用（即不显示警告消息），也没有引发任何错误。

有人可以帮我吗？

我提到了Why is this jQuery click function not working?，但对我来说却没有用。

Answer 1

尝试将ajax放置在函数或文档内部准备就绪。如果不提取id，则如果知道id，也可以做同样的事情。

props: {
  user: String,
  dates: Object
}

props: {
  user: {
    type: String,
    default: ''
  },
  dates: {
    type: Object,
    default: () => ({})
  }
},

Answer 2

您还可以使用.on()点击事件。

$(document).on("click", "#obj1", function(){
    alert("clicked");
});

即使使用$（document）.ready（function（）{}），jquery click函数也无法运行；甚至在使用$（function）块之后

2 个答案: