jQuery单击事件问题- Framework7

Question

所以我有一些问题。第一个..。我有两个页面，一个products.html页面和一个search.html页面。products.html页面在.onPageAfterAnimation()中运行一些Ajax；从数据库获取产品并显示它们。返回的HTML包含一个部分，用户可以在其中增加和减少文本框中的数字值。

​

打开products.html页面时，将值增加或减少1的按钮最初起作用，但是，当我进入search.html并使用安卓的back按钮返回到products.html页面时(我有pushState = true)，然后按下增加/减少按钮，它会增加/减少2。

​

​

这是我的products.html页面中的增减代码：

myApp.onPageAfterAnimation('catalogs', function (page) {

  //Increse/decrease product quantity
  $(“.promo-screen-content”).on(“click”, “.addToCartBtn”, function(){
    var productid = $(this).attr(“data-productId”),
        currentvalue = parseInt($('#txtQuantity' + productid).val());

    $('#txtQuantity' + productid).val((currentvalue + 1).toString());
  });

  $(“.promo-screen-content”).on(“click”, “.removeFromCartBtn”, function(){
    var productid = $(this).attr(“data-productId”),
        currentvalue = parseInt($('#txtQuantity' + productid).val());

    if(currentvalue > 1){
        $('#txtQuantity' + productid).val((current_value – 1).toString());
    }
  });

});

有人知道为什么会发生这种事，以及如何解决吗？

我的第二个问题有点不同。当我单击一个按钮时，它会进行该单击并执行该过程3或4次。因此，例如，如果我在单击一个通知时显示它，它会显示该通知3或4次。

我不知道这些问题是否常见，也不知道人们遇到的问题。任何帮助都是非常感谢的！

Answer 1

我把代码放在错误的页面回调中。我不得不把它放在.onPageInit();回调中。