JavaScript onTap函數

Question

對於論壇來說還是新手，所以我會盡我所能解決問題。基本上我正在開發一個移動網絡應用程序，並有幾個ontap函數用於重新加載點擊按鈕後的網頁。這裏是我的兩個較小的onTap函數的代碼，用於演示目的（因此您不必篩選數百行代碼）。 licenses_button ontap函數工作得很好，沒有任何形式的錯誤，但back_button ontap函數以及所有其他未在應用程序的初始主頁上創建的按鈕將不會充當按鈕，我不知道爲什麼。有什麼建議？ （我知道back_button幾乎沒有內容，爲了調試目的我只刪除了很多內容，甚至無法工作）。感謝您的任何建議！

$("#licenses_button").onTap(function(event){ 
        $("#play_button").remove(); 
        $("#banner").remove(); 
        $("#licenses_button").remove(); 
        $(".cloud").remove(); 
        $(".cloudalternate").remove(); 


        $("body").append("<div id='back_button'>Back</div"); 
      }); 


      $('#back_button').onTap(function(event) { 

      $('#back_button').remove(); 

      }); 

Answer 1

$(selector).onTap(callback); 將處理程序附加到所調用的選定元素上。此時尚未創建的元素不能被選中（顯然，因爲它們還不存在），因此不會得到處理程序。 您需要在添加元素後附加處理程序。

例如：

$("#licenses_button").onTap(function(event){ 
    $("#play_button").remove(); 
    $("#banner").remove(); 
    $("#licenses_button").remove(); 
    $(".cloud").remove(); 
    $(".cloudalternate").remove(); 

    // Create the button. 
    var backButton = $("<div id='back_button'>Back</div"); 
    // Append it to the body. 
    $("body").append(backButton); 
    // Attach the handler to the new button. 
    backButton.onTap(function(event) { 
     backButton.remove(); 
    }); 
}); 

Answer 2

你提到的back_button和其他按鈕不能工作沒有在主頁創建。由於這些是在稍後創建的，因此必須等待您在創建按鈕後爲這些按鈕設置onTap事件。如果您在創建之前嘗試設置事件處理程序，它們將不起作用。