JQuery OnClick не стреляет?

Question

РЕДАКТИРОВАТЬ: оригинальный пост удален, так как это немного сузило.Оригинальный пост был о попытке динамически добавлять элементы при нажатии кнопки.Сузив его, кажется, это не код, а нечто иное.Я могу получить точно такой же код, работающий с jsfiddle, поэтому я должен что-то упустить в моей установке, что приводит к тому, что событие click не запускается / не обрабатывается.Опять не уверен, где искать, чтобы это исправить.Я попытался добавить некоторые встроенные и в js-файл jquery, как показано ниже, и это работает (inline и в js-файле) без проблем.

$(document).ready(function(){ 

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

});

Приведенный ниже код, однако, не будет запускаться вообще ни в встроенном, ни в js-файле..

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

Элемент html находится в файле php, как показано ниже, и при проверке элемента он существует с правильным идентификатором и т. Д.

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

Есть мысли о том, почему это может быть?

Answer 1

Суженный Вопрос вы можете попробовать этот.

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

Answer 2

Что ж, ваш вопрос слишком неорганизован, поскольку в нем слишком много контента. Но для вопроса, который вы задали для «динамического добавления поля при нажатии кнопки», вы можете использовать эту функцию. Представьте, что вы хотите динамически добавлять изображения в представление. Я делаю это, используя 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. Кстати, всегда будьте внимательны при создании новых идентификаторов.