为什么jquery函数不能用于模态？

Question

我有在电子商务应用中添加到购物车的jquery代码。 这里的问题是，当我点击索引页面上的添加到购物车时，它工作正常。项目成功移动到购物车。

但是，当我按快速查看时，将打开一个包含产品详细信息的模态。 在模态我有相同的这个按钮和点击该按钮项目没有移动到购物车。

以下是我的开放模式代码。

 <a class="add_bag" data-id="<?=$row_category[0];?>" data-name="<?=$row_category[3];?>" data-summary="<?=$row_category[3];?>" data-price="<?=$row_category[6];?>" data-quantity="1" data-image="<?=$row_category[13];?>" ><i class="fa fa-shopping-cart"></i>Add to bag</a>

这是我的jquery代码

$(function () {

    var goToCartIcon = function($addTocartBtn){
      var $cartIcon = $(".shopping_bag_btn");
      var $image = $('<img width="30px" height="30px" src="' + $addTocartBtn.data("image") + '"/>').css({"position": "absolute", "z-index": "999"});
      $addTocartBtn.prepend($image);
      var position = $cartIcon.position();
      $image.animate({
        top: 0,
        right: 0
      }, 500 , "linear", function() {
        $image.remove();
      });
    }

    $('.add_bag').myCart({
      classCartIcon: 'shopping_bag_btn',
      classCartBadge: 'my-cart-badge',
      classProductQuantity: 'my-product-quantity',
      classProductRemove: 'my-product-remove',
      classCheckoutCart: 'my-cart-checkout',
      affixCartIcon: true,
      showCheckoutModal: true,
      clickOnAddToCart: function($addTocart){
        goToCartIcon($addTocart);
      },
      clickOnCartIcon: function($cartIcon, products, totalPrice, totalQuantity) {
        console.log("cart icon clicked", $cartIcon, products, totalPrice, totalQuantity);
      },
      checkoutCart: function(products, totalPrice, totalQuantity) {
        console.log("checking out", products, totalPrice, totalQuantity);
      },
      getDiscountPrice: function(products, totalPrice, totalQuantity) {
        console.log("calculating discount", products, totalPrice, totalQuantity);
        return totalPrice;
      }

    });


  });

找不到控制台错误。 我真的很困惑。我不知道自己该做什么。 所以请建议任何调试方法。 我也在我的添加到购物车jquery中提醒。但警告也没有显示.means jquery不能用于模态。

请帮忙。谢谢。