Javascript lightbox\u me不处理单击事件_Javascript_Jquery_Html

Javascript lightbox\u me不处理单击事件

javascript jquery html

Javascript lightbox\u me不处理单击事件,javascript,jquery,html,Javascript,Jquery,Html,我对此非常陌生，因此请提前为冒犯/打扰任何人而道歉我已经建立了我的第一个网站（）。在我的网站上有一个购物车（我正在使用Plum shop，它工作得很好）。我希望用户能够单击“查看购物车”按钮（位于网站右上角，该网站有id=“viewcart”），然后在lightbox样式的窗口中显示购物车的内容。他们购物车的内容包含在一个中，该购物车具有id=“cart\u holder” 为了尝试实现上述目标，我正在使用lightbox\u me，但我无法使其脱离“查看购物车”按钮单击事件。如果我删除按钮单

我对此非常陌生，因此请提前为冒犯/打扰任何人而道歉

我已经建立了我的第一个网站（）。在我的网站上有一个购物车（我正在使用Plum shop，它工作得很好）。我希望用户能够单击“查看购物车”按钮（位于网站右上角，该网站有

id=“viewcart”

），然后在lightbox样式的窗口中显示购物车的内容。他们购物车的内容包含在一个

中，该购物车具有

id=“cart\u holder”

为了尝试实现上述目标，我正在使用lightbox\u me，但我无法使其脱离“查看购物车”按钮单击事件。如果我删除按钮单击事件编码，lightbox\u me将工作并显示购物车的内容，但由于没有事件触发它，因此页面加载后它将立即打开。现在，我已经删除了按钮点击事件编码，因此如果您要访问该网站，您应该会看到lightbox\u me正在工作（但在页面加载上，而不是按钮点击事件）

我试图找出相关的代码并在下面展示。这是我为使lightbox\u me退出“查看购物车”按钮点击事件（改编自lightbox\u me网站示例）而尝试的代码，但这不起作用：

<head>
<script src="js/jquery.js"></script>
<script src="js/jquery.lightbox_me.js"></script>
</head>
<body>

<button id="viewcart" class="viewcart">View Cart</button>

<div id="cart_holder">
<h1> Your Cart </h1>
<p>Currently your cart contains the following items:</p>
<div id="cart"></div>
<label>Items:</label> <span class="cart-quantity">0</span><br>
<label>Sub-Total:</label> <span class="cart-subtotal">£0.00</span><br>
<label>Shipping:</label> <span class="cart-shipping">£0.00</span><br>
<label>Total:</label> <span class="cart-total">£0.00</span><br>
<br>
Please click below to pay using a credit or debit card or via Paypal:
<br>
<br>
<button class="paypal">Checkout</input>
</div>

<script>
$("#viewcart").click(function() {
$("#cart_holder").lightbox_me();
});
</script>

</body>

由于我的无知，恐怕这对我来说意义不大。如果有人能告诉我我做错了什么，以及如何通过“查看购物车”按钮点击事件让lightbox\u me工作，我将非常感激。请让我知道，如果我可以解释更好的或张贴更多的代码或任何其他更好的帮助。谢谢Alex检查您最后的结账按钮标签：

<button class="paypal">Checkout</input>  <!-- should this close with button and not input? -->

尝试将脚本放入

$（document.ready（）

中，等待DOM准备就绪（）H Fab Sa，感谢您的快速响应。我尝试了以下代码，但仍然没有乐趣：$（document）.ready（函数（）{$（“#viewcart”）.click（函数（）{$（“#cart_holder”）.lightbox_me（）；}）；嗨，达斯·乔恩，谢谢你的意见。你是对的，它应该用-我相应地改变了。但我还是不喜欢灯箱。我只是不明白为什么它能自己工作，但一旦我把它放在一个点击事件中，它就会完全停止工作。任何建议都将不胜感激。功能是否在所有浏览器中都失败？2。试着像我上面所展示的那样包装您的jQuery-可能与您正在导入的其他客户端脚本有冲突。从您发布的站点上看，您还试图加载jquery.js库两次，一次在上面列出的自定义jquery之前，一次在之后。

Uncaught TypeError: Object [object Object] has no method 'lightbox_me'

<button class="paypal">Checkout</input>  <!-- should this close with button and not input? -->

;(function($){  // add 

    $(document).ready(function(){

        $("#viewcart").button().click(function() {
            $("#cart_holder").lightbox_me();        
        });

    });

})(jQuery);  // add