jquery - Flexslider（或任何滑块）内的深层链接

Question

我想将深度链接添加到 flexslider..

点击特定链接的能力：

<a href="#contact">whatever text..</a>

id，它将带我到特定的滑块 li。这可能吗？例如

<ul>
    <li id="title">...</li>
    <li id="title2">...</li>
    <li id="title3">...</li>
    <li id="contact">...</li>
</ul>

-尼尔

Answer 1

使用 JavaScript 的window.location.hash. 使用以下任何一种：

1. var hash = $(this).attr('href').split('#')[1];
2. var hash = $(this).attr('href').replace(/^.*?#/,'');
3. var hash = $(this).attr('href').substr(test.indexOf('#')+1);
4. var hash = $(this).attr('href').match(/#(.*$)/)[1];

然后使用此代码：

var hash = window.location.hash;
$("#" + hash).show();

这将显示div来自给定 URL 的特定内容。您可以将此代码作为参考：

JavaScript

$(document).ready(function(){
    var hash = window.location.hash;
    $("#hash").html(hash);
    $("div").removeClass("selected");
    $(hash).addClass("selected");
});

HTML

<a href="#one">One</a>
<a href="#two">Two</a>

<div id="one">One</div>
<div id="two">Two</div>
<div id="hash"></div>

CSS

.selected {background: #ff0;}

小提琴：http: //jsfiddle.net/praveenscience/F2whf/