主页 / 问题 / 617415
Accepted
Uladz Kha
Asked:2020-01-21 02:31:05 +0000 UTC2020-01-21 02:31:05 +0000 UTC

如何使用 Jquery 编写按钮处理程序？

  • 772

下午好，Stackoverflowers，我了解Jquery，我写了一个方法，当我加载页面时，我从服务器接收数据并将数据显示在页面上：

$(document).ready(function () {
     $.get("api/getNotices", function (data) {
          var array = data;
          $.each(data, function (i, product) {
              content = '<p>' + product.Title + '</p>';
              content += '<p>' + product.Description + '</p>';
              content += '<button id="readAll">Read all</button>'
              $(content).appendTo("#textDiv");
          });
     });
});

在循环中，我添加了“Read all ..”按钮，如何为该按钮编写处理程序？我试着写一个标准的 id 处理程序：

$(function () {
      $("#readAll").button().click(function () {
          console.log("It works");
      });
});

但是按下没有任何反应，求助提示。预先感谢您的回答！

jquery

1 个回答

  1. Best Answer

    不要将相同的分配id给不同的元素。

    对稍后将创建的元素使用事件委托。

    $(document).ready(function () {

  $("body").on("click", ".readAll", function () {
    console.log("It works");
  });

  $.get("api/getNotices", function (data) {
    $.each(data, function (i, product) {
      var content = '<p>' + product.Title + '</p>';
      content += '<p>' + product.Description + '</p>';
      content += '<button class="readAll">Read all</button>';
      $(content).appendTo("#textDiv");
    });
  });
});
    • 1

相关问题