JavaScript onTap 函数

Question

对论坛还是个新手，所以我会尽力解决这个问题。基本上我正在开发一个移动网络应用程序，并且有几个 ontap 函数用于在单击按钮后重新加载网页。这是我的两个较小的 onTap 函数的代码，用于演示目的(因此您不必筛选数百行代码)。 licenses_button ontap 函数工作得很好，没有任何形式的错误，但是 back_button ontap 函数以及所有其他未在应用程序的初始主页上创建的按钮不会充当按钮，我不知道为什么。有什么建议吗？ (我知道后退按钮几乎没有内容，我只是出于调试目的删除了很多内容，甚至这也不起作用)。感谢您的建议!

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