切换购物车jPayPalCart.js的问题

时间:2014-12-23 16:04:36

标签: javascript jquery html javascript-events toggle

我在jPayPalCart.js切换myCart div时遇到了困难。我的推车功能完美。当我加载页面时,我可以通过单击右上角的购物车来切换购物车。我有另一个按钮,我已添加到myCart代码中,表示"关闭"并关闭myCart div。

但是,当我将一个项目添加到购物车时(只有演示页面上的第一个项目实际上添加了一个项目),单击购物车图标时不再触发此功能。我在浏览器的控制台中没有看到任何错误。

它仅在页面刷新时才会再次起作用。我该如何制作它以便我不必刷新页面?

非常感谢有人帮助我解决这个问题,这让我疯狂了两天。

 $(document).ready(function () {
     $(".menu").activeMenu();
     $("#myCart").hide();

     // Create a basic cart
     $("#myCart").PayPalCart({
         business: 'mypaypal@myemail.com',
         notifyURL: 'http://www.diditwork.com/payment.aspx',
         virtual: false,             //set to true where you are selling virtual items such as downloads
         quantityupdate: true,       //set to false if you want to disable quantity updates in the cart 
         currency: 'CAD',            //set to your trading currency - see PayPal for valid options
         currencysign: '$',          //set the currency symbol
         minicartid: 'minicart',     //element to show the number of items and net value
         persitdays: 0               //set to -1 for cookie-less cart for single page of products, 
         // 0 (default) persits for the session, 
         // x (number of days) the basket will persits between visits
     });

$(".cartImg").click(function () {
    alert("your hitting it");
    $("#myCart").toggle();
});
$(".closeCart").click(function () {
    alert("your hitting it");
    $("#myCart").hide();
});

 });

Demo Site here for example

Reference to script I am using

1 个答案:

答案 0 :(得分:0)

仍然环顾四周,我找到了解决方案。通过使用.live(),修改click函数,这似乎有效。如果您查看API文档,您将看到详细信息,但基本上,购物车正在更新"动态"这改变了对象的属性。 .live()"刷新"此状态允许在脚本中识别对象。

$(".cartImg").live("click", function () {
    alert("your hitting it");
    $("#myCart").toggle();
});
$(".closeCart").live("click", function () {
    alert("your hitting it");
    $("#myCart").hide();
});