javascript - .live() メソッドを .on() メソッドに置き換える方法

Question

ねえ..もっとニュースをロードする機能があります。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...");
              }
          });
      });
  });

私は置き換えようとしました：

$("#load_more_feed").live("click", function() 

と

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

しかし、私はまだそれを機能させることができません。私は何を間違っていますか？ありがとうございました！

この関数を id="news_feed" で表示するので、ここに問題がありました

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

最終的な解決策は$("#news_feed").on("click", "load_more_feed", function()

君たちありがとう！