尽管我对这门语言很陌生,但是正在使用一个使用JavaScript构建的手风琴菜单进行项目。从我的本地主机运行时,它运行完美。但是,将项目上传到S3时遇到了问题。当我在线打开项目时,手风琴菜单最初会正确显示(即单击图标时出现),但是选择后菜单项不会打开/下拉。相反,整个菜单似乎没有打开就向上跳了几个像素。
该脚本正在iframe中运行,如果有区别的话。这是我正在使用的代码:
<script>
(function($){
$(document).ready(function(){
$('#cssmenu li.active').addClass('open').children('ul').show();
$('#cssmenu li.has-sub>a').on('click', function(){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp(200);
}
else {
element.addClass('open');
element.children('ul').slideDown(200);
element.siblings('li').children('ul').slideUp(200);
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp(200);
}
});
});
})(jQuery);
</script>
谢谢!