jquery onclick 不触发？

Question

原始帖子已删除，因为已将范围缩小了很多。原始帖子是关于尝试在单击按钮时动态添加元素。缩小范围后，它似乎不是代码而是其他东西。我可以在 jsfiddle 上获得完全相同的代码，所以我必须在我的设置中遗漏一些导致点击事件不触发/被处理的东西。再次不确定在哪里可以解决这个问题。我尝试添加一些内联和 js 文件 jquery，如下所示，它可以正常工作（内联和 js 文件）。

$(document).ready(function(){ 

    $("div").css("border", "3px solid red");

});

但是，以下代码根本不会内联或在 js 文件中触发。

$(document).ready(function() {

    $("#jpctesting").click(function() {

        alert("this happened");

    });

});

html 元素位于 php 文件中，如下所示，在检查元素时，它以正确的 id 等存在

<input type="button" value="Add Currency" id="jpctesting" />

关于为什么会这样的任何想法？

Answer 1

使用缩小的问题，您可以尝试这个问题。$(document).ready(function() {&nbsp; $('#jpctesting').on('click', function() {&nbsp;alert("this happened");}); });

Answer 2

好吧，您的问题有点过于杂乱无章，因为内容太多。但是对于您在这里要求“单击按钮时动态添加字段”的问题，您可以使用此功能。想象一下，您想动态地将图像添加到视图中。我正在使用 JQuery 来做这件事。这是 HTML&nbsp; &nbsp; &nbsp;<div class="container">&nbsp; &nbsp; &nbsp; &nbsp; <!--content goes here -->&nbsp; &nbsp; </div>&nbsp;<button type="button" onclick="generate_field_with_click()">Click Me!</button>这个JS文件&nbsp; &nbsp; var bId = 0;var imageUrl = "asdasdaimage.jpg"function generate_field_with_click() {bId++;var str = "";str += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class=\"new__img\">";str += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img&nbsp; class='nImage'&nbsp; id=" + 'nIcon' + bId + " src=\"\">";str += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <\/div>";$(".container").append(str);var id = 'nIcon' + bId;document.getElementById(id).src = imageUrl;}好了，这应该可以将任何字段添加到 DON，顺便说一句，请始终注意创建新 ID。