Question

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

$(document).ready(function(){ 

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

});

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

$(document).ready(function() {
    $("#jpctesting").click(function() {
        alert("this happened");
    });
});

html元素位于php文件中，如下所示，并且当inspect元素存在时，其ID正确，以此类推

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

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

Answer 1

因为内容太多，所以您的问题有点过于混乱。但是对于您要求“单击按钮时动态添加字段”的问题，您可以在此处使用此功能。假设您要动态添加图像到视图。我正在使用JQuery。

这是HTML

     <div class="container">
        <!--content goes here -->
    </div>


 <button type="button" onclick="generate_field_with_click()">Click Me!</button>

此JS文件

    var bId = 0;
var imageUrl = "asdasdaimage.jpg"

function generate_field_with_click() {
bId++;
var str = "";

str += "          <div class=\"new__img\">";
str += "            <img  class='nImage'  id=" + 'nIcon' + bId + " src=\"\">";
str += "          <\/div>";

$(".container").append(str);

var id = 'nIcon' + bId;
document.getElementById(id).src = imageUrl;}

您去了，这应该可以将任何字段添加到DON，顺便说一句，请务必注意创建新ID。

Answer 2

缩小问题的范围，您可以尝试这个问题。

$(document).ready(function() {
  $('#jpctesting').on('click', function() {
 alert("this happened");}); });

jQuery onclick无法触发？

2 个答案: