AnythingSlider懸停在外部鏈接（MouseMove）上也有ahref鏈接？

Question

我想使用AnythingSlider，它允許你通過懸停在外部鏈接上進行導航。但我希望這些外部「導航」鏈接可以鏈接到不同的頁面。所以懸停功能會移動滑塊，但是當您點擊1-5時，他們會將您引導到不同的頁面（如page1.html，page2.html，page3.html等）。看到我的jsfiddle例如：

$('#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> 

http://jsfiddle.net/58Qmg/

重申：無論如何有懸停功能移動滑塊，但也有li ahref（onclick）把用戶帶到另一個頁面？合理？

Answer 1

您可以向鏈接添加其他屬性，如data-slide，並閱讀該鏈接而不是href。我還刪除了return false以使鏈接再次可點擊。這裏是a demo：

$('ul.nav a').bind('mousemove', function(e) { 
    // get slide number 
    var h = $(this).attr('data-slide'); 
    // external links will fall through and go to the external url 
    if (h) { 
     $('#slider').anythingSlider(h); 
    } 
});​ 

請注意，由於的jsfiddle不允許你在框架中打開其他網頁，我添加了一個target="_blank"到每一個環節：

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