jquery mobile pagecontent beforeshow not working

Question

我有这个复选框，当它被选中时，它应该添加一些文本/内容到收藏夹页面。我试图找到一种方法来实现目标，但目前还没有运气。 我一直在努力去解决这个代码： 的Javascript：

$(document).on("pagecontainerbeforeshow", function(event, ui) { 
    if(ui.toPage.is('#favs')){ 
     if($('#event1Fav').is(":checked")){ 
      $('#favs#favList').append('<br /><a href="#eventDesc1">Event 1</a><br />'); 
      } else{ 
       $('#favs-content').append(""); 
      } 
    } 
    }); 

HTML：

<input type="checkbox" id="event1Fav"/>Add to Favourites 

任何帮助将是非常appretiated :)

Answer 1

正弦你在一个有复选框不同的页面，你必须指定它在哪个页面。这是为了防止在具有相同ID的不同页面中使用相同的复选框。

此外，#favs#favList是一个错误的选择器，你应该留下它们之间的空间。或在目标页面$("#favList", ui.toPage)或ui.toPage.find("#favList")内找到它。

的Javascript：

$(document).on("pagecontainerbeforeshow", function(event, ui) { 
    if(ui.toPage.is('#favs')){ 
     if($('#pageID #event1Fav').is(":checked")){ 
      $('#favList', ui.toPage).append('<br /><a href="#eventDesc1">Event 1</a><br />'); 
     } else { 
      $('#favs-content', ui.toPage).append(""); 
     } 
    } 
});