JavaScript onTap函数

Question

对于论坛，我仍然是新手，所以我会尽我最大的努力来解决这个问题。基本上，我正在开发一个移动web应用程序，并且在点击按钮后，有几个用于重新加载网页的ontap功能。下面是我的两个较小的onTap函数的代码，用于演示(因此您不必筛选数百行代码)。licenses_button的功能运行得很好，没有任何形式的错误，但是back_button的函数，以及所有其他没有在应用程序的初始主页上创建的按钮，都不能作为按钮，我也不知道为什么。有什么建议吗？(我知道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事件。如果尝试在创建事件处理程序之前设置事件处理程序，它们将无法工作。