Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 与其他导航项目重叠的下拉列表_Javascript_Html_Css - Fatal编程技术网

Javascript 与其他导航项目重叠的下拉列表

Javascript 与其他导航项目重叠的下拉列表,javascript,html,css,Javascript,Html,Css,我的下拉列表与移动视图中的导航重叠,我想知道是否有人知道如何解决这个问题。非常感谢! 另外,在桌面视图中,当我将鼠标悬停在下拉列表上时,是否有人知道如何展开标题,以便它不会从标题上掉下来 (函数($,文档,窗口){ 变量 默认值={ 标签:“菜单”, 重复:对, 持续时间:200, easingOpen:‘挥杆’, easingClose:“swing”, 关闭符号:“►;”, openedSymbol:'和#9660;', prependTo:'正文', 附件:“”, parent

我的下拉列表与移动视图中的导航重叠,我想知道是否有人知道如何解决这个问题。非常感谢! 另外,在桌面视图中,当我将鼠标悬停在下拉列表上时,是否有人知道如何展开标题,以便它不会从标题上掉下来

(函数($,文档,窗口){
变量
默认值={
标签:“菜单”,
重复:对,
持续时间:200,
easingOpen:‘挥杆’,
easingClose:“swing”,
关闭符号:“►;”,
openedSymbol:'和#9660;',
prependTo:'正文',
附件:“”,
parentTag:'a',
closeOnClick:false,
AllowParentLink:false,
nestedParentLinks:正确,
孩子们:错,
removeIds:是的,
移除类:false,
removeStyles:错,
品牌:'',
动画:“jquery”,
init:function(){},
beforeOpen:函数(){},
beforeClose:函数(){},
afterOpen:function(){},
afterClose:函数(){}
},
mobileMenu='slicknav',
前缀='slicknav',
键盘={
下降:40,
输入:13,
逃跑:27,
左:37,
右:39,
空间:32,
表9:,
上升:38,
};
函数插件(元素、选项){
this.element=元素;
this.settings=$.extend({},默认值,选项);
如果(!this.settings.duplicate&&!options.hasOwnProperty(“removeIds”)){
this.settings.removieds=false;
}
这是默认值;
这是。_name=mobileMenu;
this.init();
}
Plugin.prototype.init=函数(){
var$this=这个,
menu=$(this.element),
settings=this.settings,
iconClass,
梅努巴;
如果(设置。重复){
$this.mobileNav=menu.clone();
}否则{
$this.mobileNav=菜单;
}
if(settings.removeIds){
$this.mobileNav.removeAttr('id');
$this.mobileNav.find('*')。每个(函数(i,e){
$(e).removeAttr('id');
});
}
如果(设置。删除类){
$this.mobileNav.removeAttr('class');
$this.mobileNav.find('*')。每个(函数(i,e){
$(e).removeAttr('class');
});
}
如果(设置.删除样式){
$this.mobileNav.removeAttr('style');
$this.mobileNav.find('*')。每个(函数(i,e){
$(e).removeAttr('style');
});
}
iconClass=前缀+'"图标';
如果(settings.label==''){
iconClass+=''+前缀+'\u无文本';
}
如果(settings.parentTag=='a'){
settings.parentTag='a href=“#”';
}
$this.mobileNav.attr('class',前缀+'u nav');
菜单栏=$('');
如果(settings.brand!=''){
var品牌=$(''+设置.品牌+'');
$(菜单栏)。附加(品牌);
}
$this.btn=$(
['',
''+设置.标签+'',
'',
'',
'',
'',
'',
''
].加入(“”)
);
$(菜单栏).append($this.btn);
如果(settings.appendTo!=''){
$(settings.appendTo).append(菜单栏);
}否则{
$(settings.prependTo).prepend(菜单栏);
}
menuBar.append($this.mobileNav);
var items=$this.mobileNav.find('li');
$(项目)。每个(功能(){
var项目=$(此项),
数据={};
data.children=item.children('ul').attr('role','menu');
项目数据(“菜单”,数据);
如果(data.childrence.length>0){
var a=项。内容(),
containsAnchor=false,
节点=[];
$(a).每个(函数){
if(!$(this).is('ul')){
节点。推送(此);
}否则{
返回false;
}
如果($(此).is(“a”)){
containsAnchor=true;
}
});
变量wrapElement=$(
''
);         
if((!settings.allowParentLinks | | | settings.nestedParentLinks)| |!containsAnchor){
var$wrap=$(节点).wrapAll(wrapElement.parent();
$wrap.addClass(前缀+“U行”);
}否则
$(节点).wrapAll(“”).parent();
如果(!settings.showChildren){
item.addClass(前缀+“U”);
}否则{
item.addClass(前缀+“u open”);
}
item.addClass(前缀+“U父项”);
变量arrowElement=$(''+(settings.showChildren?settings.openedSymbol:settings.closedSymbol)+'');
if(settings.allowParentLinks&&!settings.nestedParentLinks&&containsAnchor)
arrowElement=arrowElement.wrap(wrapElement.parent();
$(节点).last().after(箭头元素);
}else if(item.children().length==0){
item.addClass(前缀+“txtnode”);
}
item.children('a').attr('role','menuitem')。单击(函数(事件){
//确保它不是父对象
if(settings.closeOnClick&&!$(event.target).parent().closest('li').hasClass(前缀+''u parent')){
//模拟菜单关闭(如果设置)
$($this.btn)。单击();
}
});            
if(settings.closeOnClick&&settings.allowParent
.dropdown-content{
    display: none;
    position: relative;
}