2015-04-23 91 views
0

我想将coverflow mighty滑块中的专辑封面链接到同一页面中的锚点。它位于顶部,每个封面都有各种音频播放器,每个封面都有自己的锚点,位于页面下方。如何使用链接url属性转到锚点。这张专辑danceawaythenight的主播是丹。如何链接到JavaScript中的同一页面锚点

已尝试列表项目的任一侧的链接,但它只是使相册封面消失。

我正在使用的滑块代码如下所示。目标元素的

每张专辑封面有类似下面的链接(目前在指向与插件滑块来在默认链接)

<li class=”slide” data-mightyslider=” cover:’images/albumcovers/danceawaythenight.jpg’, link: { url: ‘https://itunes.apple.com/us/album/enrique-iglesias-greatest/id295364999?uo=4’, target: ‘_blank’ } ”> 
+3

我不知道你使用的是什么编辑软件,但''''''不是有效的HTML或JavaScript引用字符。你应该使用''''和'''代替 –

+0

是的,这是问题的一部分谢谢 –

回答

0

您可能需要根据锚点设置链接网址。并将链接目标设置为“_self”或“_top”。

<li class=”slide” data-mightyslider=” cover:’images/albumcovers/danceawaythenight.jpg’, link: { url: ‘#your-anchor-name’, target: ‘_self’ } ”> 
+0

谢谢拉尔夫你刚刚解决了我的问题。干杯 –

+0

很好听。如果这个答案解决了你的问题,请标记为接受。 –

0

你可以得到的坐标并设置滚动位置。

这里做一个简单的方法:

function jump(h){ 
    var url = location.href;    //Save down the URL without hash. 
    location.href = "#"+h;     //Go to the target element. 
    history.replaceState(null,null,url); //Don't like hashes. Changing it back. 
}​ 

这使用replaceState操纵URL。如果你还想支持IE,那么你将不得不以复杂的方式来完成。

function jump(h){ 
    var top = document.getElementById(h).offsetTop; //Getting Y of target element 
    window.scrollTo(0, top);      //Go there. 
}​ 
相关问题