Jquery 边框是可点击的，事件被触发，但链接未被遵循

我将这些项目符号作为下一页或上一页的链接：

当我点击绿色圆圈内的黑色（或白色）部分时，我的事件被触发，链接被跟随，如果我点击边框，下面的事件被触发，但链接没有跟随（类被激活，但页面保持不变）

$（'listart，'litraining，'lihotels'）。单击（函数（）{
$（this.addClass（'current-page-item'）；
$（'li'）.not（this.removeClass（'current-page-item'）；
});
#项目符号{
位置：固定；
最高：40%；
左：0；
显示：表格；
宽度：80px；
z指数：0，
光标：指针
}
#子弹保险{
左侧填充：0；
显示：表格单元格；
垂直对齐：中间对齐
}
#李玉玲{
边框宽度：2倍；
边框样式：实心；
边框颜色：透明；
宽度：14px；
高度：14px；
利润率：14px自动；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：100%；
-webkit过渡：边框颜色。3s线性；
-moz过渡：边框颜色。3s线性；
-o-过渡：边框颜色。3s线性；
过渡：边框颜色。3s线性
}
#李安{
显示：块；
位置：相对位置；
宽度：10px；
高度：10px；
背景颜色：银色；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：100%；
文本缩进：-9999px；
-webkit转换：边界。3s线性；
-moz过渡：边界。3s线性；
-o-过渡：边界。3s线性；
过渡：边界。3s线性
}
#项目符号ul li.current-page-item a{
背景色：透明
}
#项目符号ul li.当前页面项目#项目符号ul li:悬停{
边框颜色：暗绿色；
}
#李：悬停在a上{
背景色：透明
}






它不起作用，因为绿色边框位于LI元素上

您可以将边框设置为
a
，但仅对模式表示歉意（由于时间关系，可能我稍后会在这里输入一个代码）

HTML标记：

 <li>
     <a href=""><span></span></a>
 </li>
 <li>
     <a href=""><span></span></a>
 </li>
 <li>
     <a href=""><span></span></a>
 </li>

它不起作用，因为绿色边框位于LI元素上

您可以将边框设置为
a
，但仅对模式表示歉意（由于时间关系，可能我稍后会在这里输入一个代码）

HTML标记：

 <li>
     <a href=""><span></span></a>
 </li>
 <li>
     <a href=""><span></span></a>
 </li>
 <li>
     <a href=""><span></span></a>
 </li>


$（“#项目符号”）.on（'click.bullet'，'li'，函数（）{
$（'li'）.removeClass（'current-page-item'）；
$（this.addClass（'current-page-item'）；
});
#项目符号{
位置：固定；
最高：40%；
左：0；
宽度：60px；
z指数：0，
光标：指针；
背景:#212121 ;；
填充：30px 2px
}
#子弹保险{
左侧填充：0；
垂直对齐：中间对齐；
}
#李玉玲{
边框宽度：2倍；
边框样式：实心；
边框颜色：透明；
宽度：14px；
高度：14px；
利润率：14px自动；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：50%；
-webkit过渡：边框颜色。3s线性；
-moz过渡：边框颜色。3s线性；
-o-过渡：边框颜色。3s线性；
过渡：边框颜色。3s线性
}
#李安{
显示：块；
保证金：-2px；
边框宽度：2倍；
边框样式：实心；
边框颜色：#212121；
宽度：14px；
高度：14px；
背景色：#bfbf；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：50%；
文本缩进：-9999px；
-webkit转换：边界。3s线性；
-moz过渡：边界。3s线性；
-o-过渡：边界。3s线性；
过渡：边界。3s线性；
}
#项目符号ul li.current-page-item a{
背景色：透明
}
#项目ul li.current-page-item a，
#李：悬停{
边框颜色：#006300；
}
#李：悬停在a上{
不透明度：0；
}
#开始，结束{
背景：ddd；
填充：50px；
填充底部：500px；
利润率：20px；
}

JS-Bin












开始
终点

$（“#项目符号”）.on（'click.bullet'，'li'，函数（）{
$（'li'）.removeClass（'current-page-item'）；
$（this.addClass（'current-page-item'）；
});
#项目符号{
位置：固定；
最高：40%；
左：0；
宽度：60px；
z指数：0，
光标：指针；
背景:#212121 ;；
填充：30px 2px
}
#子弹保险{
左侧填充：0；
垂直对齐：中间对齐；
}
#李玉玲{
边框宽度：2倍；
边框样式：实心；
边框颜色：透明；
宽度：14px；
高度：14px；
利润率：14px自动；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：50%；
-webkit过渡：边框颜色。3s线性；
-moz过渡：边框颜色。3s线性；
-o-过渡：边框颜色。3s线性；
过渡：边框颜色。3s线性
}
#李安{
显示：块；
保证金：-2px；
边框宽度：2倍；
边框样式：实心；
边框颜色：#212121；
宽度：14px；
高度：14px；
背景色：#bfbf；
-webkit边界半径：100%；
-moz边界半径：100%；
边界半径：50%；
文本缩进：-9999px；
-webkit转换：边界。3s线性；
-moz过渡：边界。3s线性；
-o-过渡：边界。3s线性；
过渡：边界。3s线性；
}
#项目符号ul li.current-page-item a{
背景色：透明
}
#项目ul li.current-page-item a，
#李：悬停{
边框颜色：#006300；
}
#李：悬停在a上{
不透明度：0；
}
#开始，结束{
背景：ddd；
填充：50px；
填充底部：500px；
利润率：20px；
}

JS-Bin