Wordpress jQuery 点击事件答案

【问题标题】：Wordpress jQuery click eventWordpress jQuery 点击事件
【发布时间】：2012-09-10 02:32:18
【问题描述】：

我这里有这段代码，应该会发出警报...

jQuery(".wpcart_gallery .thickbox").click(function($){
            alert('hi');
        });

但它不起作用 :( 没有错误，并且永远不会出现警报。我的标题中有正确的 JQuery.js 文件...我的语法有问题吗？

这是 HTML 代码

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox cboxElement" href="DSC_0037.jpg" rev="DSC_0037.jpg"></a>
<a class="thickbox cboxElement" href="DSC_0036.jpg"  rev="DSC_0036.jpg"></a>
<a class="thickbox cboxElement" href="DSC_0118.jpg" rev="DSC_0118.jpg"></a>
</div>

当点击 wpcart_gallery 中的一个链接时，我试图有一个点击事件。

这是页面，吹大图有三张图片，我正在寻找点击事件来触发，如果其中任何一张图片被点击...http://www.taranmarlowjewelry.com/?wpsc-product=产品-1-2

【问题讨论】：

该 JavaScript 在 $(document).ready(function() { ... }); 调用中吗？您能否提供可观察到的站点或 jsFiddle？
是的，它在jQuery('document').ready(function($){....});内
'document' 和 document 是不同的。删除's 试试看。
在 wordpress 中根本不起作用

标签： jquery wordpress syntax

【解决方案1】：

您可能需要使用委托绑定：

jQuery(window).on('click', ".wpcart_gallery .thickbox", function(ev){
    alert('hi');

    ev.preventDefault();
});

如果可以，您可以将window 替换为其他父元素。给定：

<div id="test">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
</div>

你可以这样做：

jQuery("#test").on('click', 'a', function(ev) {
    alert('hi');

    ev.preventDefault();
});

【讨论】：

【解决方案2】：

可能是您的 HTML 无效。以下都没有结束标签：

<a class="thickbox cboxElement" href="DSC_0037.jpg" rev="DSC_0037.jpg">
<a class="thickbox cboxElement" href="DSC_0036.jpg"  rev="DSC_0036.jpg">
<a class="thickbox cboxElement" href="DSC_0118.jpg" rev="DSC_0118.jpg">

如果我是 jQuery，我会感到困惑。

如果我添加结束标签，它可以正常工作：http://jsfiddle.net/GtgEy/

【讨论】：

是的，他们有，只是忘记放了

【解决方案3】：

我解决了这个问题

jQuery(".wpcart_gallery img").click(function($){
            alert('hi');
        });

【讨论】：