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

Question

我想在flexslider中添加深层链接..

点击特定链接的能力：

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

id，它将带我到特定的滑块li。这可能吗？ e.g。

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

-Neil

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。您可以将此代码作为参考：

<强>的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/