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(""); 
     } 
    } 
});