我正在尝试为此网站创建一个滑动菜单:
http://newdigitalguru.com/kckarchitects/
除主页外,菜单在每个页面上都可以使用,我似乎无法弄清楚原因。该脚本正在加载,它将应用"打开"类,但是它立即将其删除并给它提供"关闭"类,然后它不再起作用。我遵循本教程:
http://www.dzyngiri.com/responsive-menu-using-trunk-js/
在主页上,您在html中具有以下代码(以 <script>
标签朝着末端):
jQuery(document).ready(function($) {
var items = $('.slideRight, .slideLeft');
var content = $('.container');
var open = function() {
$(items).removeClass('close').addClass('open');
}
var close = function() {
$(items).removeClass('open').addClass('close');
}
$('#navToggle').click(function(){
if (content.hasClass('open')) {$(close)}
else {$(open)}
});
content.click(function(){
if (content.hasClass('open')) {$(close)}
});
});
不确定是否将此代码放置在此处进行调试或测试其他内容,但实际上是在打破您的滑动菜单。如果您删除或评论此代码,则主页可按预期工作。
您会注意到此代码仅存在于主页上。