Javascript 我想在单击li标记时激活a href

Javascript 我想在单击li标记时激活a href,javascript,html,css,Javascript,Html,Css,我正在尝试做垂直点导航栏。我在a href中使用ul li链接。我希望当我点击li而不仅仅是a时,链接能够正常工作。我正在寻找css中的一些东西,但我找不到 ;(函数($、窗口、文档){ var pluginName=‘窃听’; var=0; 窃听功能(导航、选项){ 该元素=导航; 这个。_name=pluginName; 此._defaults=$.fn.eavesdrop.defaults; this.options=$.extend({},this.\u默认值,options); th

我正在尝试做垂直点导航栏。我在a href中使用ul li链接。我希望当我点击li而不仅仅是a时,链接能够正常工作。我正在寻找css中的一些东西,但我找不到

;(函数($、窗口、文档){
var pluginName=‘窃听’;
var=0;
窃听功能(导航、选项){
该元素=导航;
这个。_name=pluginName;
此._defaults=$.fn.eavesdrop.defaults;
this.options=$.extend({},this.\u默认值,options);
this.init();
}
$.extend(Eavesdrop.prototype{
构造函数:窃听,
init:function(){
var clickParams=$.proxy(this.clickParams,this);
var scrollParams=$.proxy(this.scrollParams,this);
var结构=$.proxy(this.structure,this);
这是buildCache();
这是错误();
this.scrollClick=this.navAnchor.on('click',clickParams);
this.scrollStructure=$(window).on('load resize',structure);
this.scrollWindow=$(window).on(“加载调整大小滚动”,scrollParams);
这个;
},
销毁:函数(){
这个。unbindEvents();
这个.$element.removeData();
},
buildCache:function(){
变量选择器='.'+this.options.watchClass;
this.$element=$(this.element);
这个。$body=$('body');
此.$selector=$(选择器);
this.navAnchor=this.$element.find('a');
this.selector=选择器;
this.activeClass=this.options.activeClass;
this.targets=$([]);
这是距离=$([]);
this.selectors=$([]);
this.archors=$([]);
},
unbindEvents:function(){
this.$element.off(“..”+this._name);
},
错误:函数(){
var selectorAmount=此。$selector.length;
var navAmount=this.$element.find('a').length;
navAmount===selectorAmount?this.universalAmount=navAmount:console.error(“目标到选择器不匹配”);
},
结构:功能(){
var self=这个;
此.$selector.each(函数(i){
我++
var hash=self.navAnchor.eq(i-1).attr('href').split('#'))[1];
$(this.attr('data-connect',hash);
var connect=$(this.data('connect');
偏移量=$(this).offset().top;
自我。目标。推送(连接);
自我距离推(偏置);
self.selectors.push(i);
});
},
单击参数:功能(数据){
var router=data.currentTarget.hash.split(“#”)[1];
var target=this.selector+'[data connect=“'+router+'”];
var targetOffset=$(target).offset().top;
这个.body.trigger(路由器[1]+'-inView');
这个.$body.animate({scrollTop:(targetOffset)});
},
scrollParams:function(){
var d=$(window.scrollTop();
var inView={};
对于(var i=0;i1){
$.fn.eavesdrop.defaults.trackUrl=false;
}
归还这个;
};
$.fn.eavesdrop.defaults={
watchClass:“窃听”,
activeClass:'活动',
trackUrl:true
};
})(jQuery、窗口、文档)
.full{
显示:块;
高度:100vh;
线路高度:100vh;
文本对齐:居中;
颜色:#000;
字体大小:40px;
字体系列:“世俗一号”,无衬线;
}
.满一{
背景:#8CC9DC;}
1.满2{
背景:#DEEBF7;}
1.满3{
背景:#FFFAFA;}
1.满4{
背景:#C5E0B4;}
1.满5{
背景:#DFE2E6;}
1.满6{
背景:#fff;}
1.满7{
背景:"中交33号"
dotstyle先生{
位置:固定;
最高:50%;
右:0;
-webkit转换:translateY(-50%);
转化:translateY(-50%);
}
多图尔先生{
位置:相对位置;
显示:内联块;
保证金:0;
填充:0;
列表样式:无;
游标:默认值;
-webkit触摸标注:无;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}
.dotstyle工具提示li{
位置:相对位置;
显示:块;
利润率:30px 16px;
宽度:30px;
高度:30px;
背景色:#9696;
边界半径:50%;
边框:2个实心#9696;
-webkit转换:-webkit转换0.3s轻松,背景色0.3s轻松;
变换:变换0.3s轻松,背景色0.3s轻松;
}
.dotstyle工具提示li a{
光标:指针;
位置:绝对位置;
文字装饰:无;
显示:块;
字体系列:“Heebo”,无衬线;
顶部:自动;
左-149%;
填充:0 10px;
宽度:自动;
高度:自动;
边界半径:0;
颜色:#fff;
文本缩进:0;
线高:2;
不透明度:0;
-webkit转换:-webkit转换0.3s轻松,不透明度0.3s轻松,可见性0.3s轻松;
过渡:变换0.3s缓和,不透明度0.3s缓和,可见性0s 0.3s缓和;
}
.dotstyle工具提示li a::之后{
位置:绝对位置;
左:100%;
边框宽度:6px;
利润上限:-6px;
边框颜色:透明;
内容:'';
指针事件:无;
最高:50%;
-webkit-backface-v