如何在单击wordpress链接时识别JavaScript?

时间:2015-02-20 09:59:25

标签: javascript jquery html css wordpress

对于我的网站:http://rydalmereprestige.com.au/

我正在尝试使用JavaScript和css实现弹出横幅。

我设法让脚本在这里工作:http://jsfiddle.net/qdor8usL/3/

$('.menu-item-21').click(function () {
    $("#popups_about").css('visibility', 'visible');
    $("#popups_services").css('visibility', 'hidden');
    $("#popups_quote").css('visibility', 'hidden');
    $("#popups_contact").css('visibility', 'hidden');
    $("#popups_about").slideUp(0)
        .delay(2000)
        .slideDown(1000);
});

$('.menu-item-486').click(function () {
    $("#popups_about").css('visibility', 'hidden');
    $("#popups_services").css('visibility', 'visible');
    $("#popups_quote").css('visibility', 'hidden');
    $("#popups_contact").css('visibility', 'hidden');
    $("#popups_services").slideUp(0)
        .delay(2000)
        .slideDown(1000);
});

$('.menu-item-733').click(function () {
    $("#popups_about").css('visibility', 'hidden');
    $("#popups_services").css('visibility', 'hidden');
    $("#popups_quote").css('visibility', 'visible');
    $("#popups_contact").css('visibility', 'hidden');
    $("#popups_quote").slideUp(0)
        .delay(2000)
        .slideDown(1000);
});

$('.menu-item-17').click(function () {
    $("#popups_about").css('visibility', 'hidden');
    $("#popups_services").css('visibility', 'hidden');
    $("#popups_quote").css('visibility', 'hidden');
    $("#popups_contact").css('visibility', 'visible');
    $("#popups_contact").slideUp(0)
        .delay(2000)
        .slideDown(1000);
});

但是当我将它实施到我的网站时 - 它只是赢了。

前提是点击顶部的每个菜单项 - 应该弹出一个不同的横幅。

供参考,上述代码在主题文件中实现:

header.php - javascript
footer.php - div tags
style.css - css

2 个答案:

答案 0 :(得分:1)

像这样包装你的代码,它应该工作:

$(document).ready(function(){

    // $('.menu-item-21').click....

});

问题是代码是在.menu-item-#创建之前执行的。

答案 1 :(得分:0)

如果它在jsfiddle上运行但在您的网站上没有,则可能是您网站上的外部因素。

您是否引用了正确的jquery库?