Hyperlink 单击链接会更改浏览器栏中的url,但不会';t实际加载URL(可能与任何滑块相关)
我用的都是滑块。我有一个指向某个页面和幻灯片的链接,如下所示:Hyperlink 单击链接会更改浏览器栏中的url,但不会';t实际加载URL(可能与任何滑块相关),hyperlink,href,anythingslider,Hyperlink,Href,Anythingslider,我用的都是滑块。我有一个指向某个页面和幻灯片的链接,如下所示: <a href='http://sitename.com/pagename/#panel1-1'>Click Me</a> <nav> Go to slide: <a href="#1">One</a> | <a href="#2">Two</a> | <a href="#3">Three</a> |
<a href='http://sitename.com/pagename/#panel1-1'>Click Me</a>
<nav>
Go to slide:
<a href="#1">One</a> | <a href="#2">Two</a> | <a href="#3">Three</a> |
<a href="#4">Four</a> | <a href="#5">Five</a>
</nav>
我不太清楚我是否理解你,因为页面在右边。但我认为你现在遇到的问题是链接本身只是改变了URL而不是幻灯片,对吗 首先,
pagename/
正在链接到另一个页面,因此应该可以正常工作。如果要从同一页面控制滑块,只需要#1-1
部分;如果页面上有多个滑块
一个滑块()
- 如果只有一个滑块,则可以执行以下操作:
<a href='http://sitename.com/pagename/#panel1-1'>Click Me</a>
<nav> Go to slide: <a href="#1">One</a> | <a href="#2">Two</a> | <a href="#3">Three</a> | <a href="#4">Four</a> | <a href="#5">Five</a> </nav>
- 在这个HTML中,我为href属性中的滑块添加了一个索引-
表示滑块1,面板1。下面是一个多滑块导航的示例(可以根据需要添加更多):#1-1
<nav>
top slider: <a href="#1-1">One</a> | <a href="#1-2">Two</a> | <a href="#1-3">Three</a> |
<a href="#1-4">Four</a> | <a href="#1-5">Five</a>
<br>
bottom slider: <a href="#2-1">One</a> | <a href="#2-2">Two</a> | <a href="#2-3">Three</a> |
<a href="#2-4">Four</a> | <a href="#2-5">Five</a>
</nav>
$('nav a').click(function(){
var link = $(this).attr('href').match(/(\d+)-(\d+)/),
slider = parseInt( link[1], 10 ) - 1; // eq needs zero based index
$('.slider').eq( slider ).anythingSlider( link[2] );
});