Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.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 href of";a「;标签不在ul li中工作_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript href of";a「;标签不在ul li中工作

Javascript href of";a「;标签不在ul li中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个可切换的边栏,里面有一些链接,还有一些j-query代码,可以启用链接的活动类,一切都像我预期的那样工作,但是链接不工作 以下是我的HTML代码: 这是我的j-query代码: $(“#菜单切换”)。单击(功能(e){ e、 预防默认值(); $(“#包装器”).toggleClass(“toggled”); }); $(“#menu-toggle-2”)。单击(函数(e){ e、 预防默认值(); $(“#包装器”).toggleClass(“toggled-2

我有一个可切换的边栏,里面有一些链接,还有一些j-query代码,可以启用链接的活动类,一切都像我预期的那样工作,但是链接不工作

以下是我的HTML代码:


这是我的j-query代码:

$(“#菜单切换”)。单击(功能(e){
e、 预防默认值();
$(“#包装器”).toggleClass(“toggled”);
});
$(“#menu-toggle-2”)。单击(函数(e){
e、 预防默认值();
$(“#包装器”).toggleClass(“toggled-2”);
$('#menu ul').hide();
});
$(“#菜单a”)。单击(函数(){
if(!$(this.parent().hasClass(“活动”)和&!$(this.hasClass(“子菜单”)){
$(.active”).removeClass(“active”);
$(this.parent().addClass(“活动”);
}否则{
return false;//这可以防止闪烁
}
});
$(“.subMenu”)。单击(函数(){
if(!$(this).hasClass(“子活动”)){
$(.sub-active”).removeClass(“sub-active”);
$(this.parent().addClass(“子活动”);
}否则{
return false;//这可以防止闪烁
}
});
有人说java脚本正在制造麻烦,但我不知道如何修复它! 注意:“a”标记的css属性设置为:

display: block;
width: 100%;
height: 100%;

您使用的主要原因是:

return false; //this prevents flicker
上面的代码用于停止默认事件并阻止它执行任何操作。移除该选项是可行的。为防止转到顶部,请仅将事件处理程序附加到带有
href=“#”
标记上。比如:

$('a[href="#"]').click(function () {
  // Your code here...
  return false;
});
最后,我建议不要使用
return false
,而是使用:

$('a[href="#"]').click(function (e) {
  // This is safer version of return false and also doesn't affect the links.
  e.preventDefault();
  // Your code here...
});

返回false//这将防止闪烁
FWIW-这将防止链接的跟随。@Praveen我甚至对我的hole j-query代码进行了注释,但它还不起作用!请向我们展示呈现的HTML输出。我们可以看到演示或其他东西的地方。