Javascript 如何用.on（）方法替换.live（）方法

嗨。。我有一个加载更多新闻的功能。由于jquery-1.9.1.min.js这个函数工作正常，但现在我不得不用.on（）方法替换它，我仍然无法让它工作

代码如下：

  // Load more news feed
  $(function(){
      var page = 1;
      $.ajax({
          type: "POST",
          url: "data.php",
          data: "page=profile&get_news_feed=true",
          dataType:'json',
          success: function(data){
              $("#the_news_feed").html(data.news_feed);
              if(page <= data.total_pages){
                  $("#the_news_feed").after('<button id="load_more_feed" class="btn btn-primary btn-large" style="width: 100%;margin-top:10px">Load More</button>');
              }
          }
      });
      $("#load_more_feed").live("click", function(){
          var next = page+=1;
          $.ajax({
              type: "POST",
              url: "data.php",
              data: "page=profile&get_news_feed=true&page_num="+next,
              dataType: "json",
              success: function(data){
                  $("#the_news_feed").append(data.news_feed);
                  if(next == data.total_pages){
                      $("#load_more_feed").remove();
                  } else {
                      $("#load_more_feed").html("Load More");
                  }
              },
              beforeSend: function(){
                  $("#load_more_feed").html("Loading...");
              }
          });
      });
  });

与

$("#the_news_feed").on("click", "load_more_feed", function()

但我还是不能让它工作。我做错了什么？谢谢大家!

我用id=“news\u feed”显示这个函数，所以问题出在这里

<div class="tab-pane fade" id="news_feed">
  <div id="the_news_feed"></div>
</div>

最终的解决方案是

$（“#新闻_提要”）。在（“单击”，“加载更多_提要”，function（）

---

谢谢大家！

实际上，您缺少id选择器中的

$("#the_news_feed").on("click", "load_more_feed", function()

一定是

$("#the_news_feed").on("click", "#load_more_feed", function()

假设

#新闻提要

是

#加载更多提要

的父级

编辑：

从您的代码中，您将此

#loadmore

按钮附加在

#新闻提要

之后，因此这显然不起作用。请尝试将其更改为：

$(document).on("click", "#load_more_feed", function()

---

这会将单击绑定到始终存在的

文档。或者，您可以将其绑定到
#load#u more_feed
最近的静态父级，就像加载页面时存在的元素，而不是动态创建的。
实际上，您缺少id选择器中的
#

$("#the_news_feed").on("click", "load_more_feed", function()

一定是

$("#the_news_feed").on("click", "#load_more_feed", function()

假设
#新闻提要
是
#加载更多提要
的父级

编辑：

从您的代码中，您将此
#loadmore
按钮附加在
#新闻提要
之后，因此这显然不起作用。请尝试将其更改为：

$(document).on("click", "#load_more_feed", function()

这会将单击绑定到始终存在的
文档。或者，您可以将其绑定到
\load\u more\u feed
最近的静态父级，就像加载页面时存在的元素，而不是动态创建的。
好的……我找到了。我将更新我的问题并提供错误的最终解决方案：
$(“#新闻提要”）。在（“点击”，“加载更多提要”，function（）
好的……我找到了……我将更新我的问题并提供一个错误的最终解决方案：
$（“#新闻提要”）。在（“点击”，“加载更多提要”，function（）
你确定它能工作吗？我非常肯定它不会：）无论如何对你有好处：）是的，它能工作；）谢谢，你确定它能用吗？我很确定它不会：）不管怎样对你有好处：）是的，它能用；）谢谢