jQuery Click事件问题 - Framework7

Question

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

当我打开products.html页面时，最初将值增加或减少1的按钮有效，但是当我进入search.html并返回products.html页面时我的Android后退按钮（我有pushState = true）并按下增加/减少按钮它增加/减少2.如果我再次尝试做同样的事情它增加/减少3等等......

这是我的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

我把我的代码放在错误的页面回调中。我不得不把它放在 bool IsIncluded(Property c) { if(c.Attributes.Any(a => String.Equals(a.name, "TypeScriptExportExlude", StringComparison.OrdinalIgnoreCase))) return false; return true; } 回调中。