Jquery 悬停在外部链接(MouseMove)上的AnythingSlider是否也有ahref链接?

Jquery 悬停在外部链接(MouseMove)上的AnythingSlider是否也有ahref链接?,jquery,hover,slider,mousemove,anythingslider,Jquery,Hover,Slider,Mousemove,Anythingslider,我想使用任何东西滑块,允许您通过悬停在外部链接上进行导航。但我希望这些外部导航链接有一个指向不同页面的链接。因此,悬停功能会移动滑块,但当您单击1-5时,它们会将您指向不同的页面,如page1.html、page2.html、page3.html等。。。。例如,请参见my JSFIDLE: $('#slider').anythingSlider({ buildNavigation: false, buildStartStop: false, buildArrows: false }); $('

我想使用任何东西滑块,允许您通过悬停在外部链接上进行导航。但我希望这些外部导航链接有一个指向不同页面的链接。因此,悬停功能会移动滑块,但当您单击1-5时,它们会将您指向不同的页面,如page1.html、page2.html、page3.html等。。。。例如,请参见my JSFIDLE:

$('#slider').anythingSlider({
buildNavigation: false,
buildStartStop: false,
buildArrows: false
});

$('ul.nav a').bind('mousemove', function() {
var h = this.hash;
// external links will fall through and go to the external url
if (/#\d/.test(h)) {
    $('#slider').anythingSlider(h.substring(1));
    return false;
}
});

<ul id="slider">
<li><img src="http://placekitten.com/300/200" alt="" /></li>
<li><img src="http://placehold.it/300x200" alt="" /></li>
<li><img src="http://placebear.com/300/200" alt="" /></li>
<li><img src="http://lorempixel.com/300/200" alt="" /></li>
<li><img src="http://placedog.com/300/200" alt="" /></li>
</ul>

<ul class="nav">
<li><a href="#1">1</a></li>
<li><a href="#2">2</a></li>
<li><a href="#3">3</a></li>
<li><a href="#4">4</a></li>
<li><a href="#5">5</a></li>
</ul>
但我希望导航区域也有链接,但也可以激活悬停滑块进度:

<ul class="nav">
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
</ul>

重申:是否有悬停功能移动滑块,但也有li ahref onclick将用户带到另一个页面?有意义吗?

您可以向链接添加一个附加属性,如数据幻灯片,并阅读该属性而不是href。我还删除了返回false以使链接再次可点击。这是:

请注意,由于JSFIDLE不允许您在框架中打开其他网页,因此我在每个链接中添加了target=_blank:

<a data-slide="1" target="_blank" href="http://www.google.com">1</a>

我想我可以用这样一个li onlick:
<a data-slide="1" target="_blank" href="http://www.google.com">1</a>