对于我的网站: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
答案 0 :(得分:1)
像这样包装你的代码,它应该工作:
$(document).ready(function(){
// $('.menu-item-21').click....
});
问题是代码是在.menu-item-#
创建之前执行的。
答案 1 :(得分:0)
如果它在jsfiddle上运行但在您的网站上没有,则可能是您网站上的外部因素。
您是否引用了正确的jquery库?