Jquery Flexslider(或任何滑块)内的深度链接

Jquery Flexslider(或任何滑块)内的深度链接,jquery,slider,flexslider,Jquery,Slider,Flexslider,我想在flexslider中添加深度链接 单击特定链接的功能: <a href="#contact">whatever text..</a> id,它将带我到特定的滑块。这可能吗?e、 g <ul> <li id="title">...</li> <li id="title2">...</li> <li id="title3">...</li> <

我想在flexslider中添加深度链接

单击特定链接的功能:

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

id,它将带我到特定的滑块。这可能吗?e、 g

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

-Neil

使用JavaScript的
窗口.location.hash
。使用以下任一选项:

  • var hash=$(this.attr('href').split('#')[1]
  • var hash=$(this.attr('href').replace(/^.*?#/,'')
  • var hash=$(this.attr('href').substr(test.indexOf('#'))+1)
  • var hash=$(this.attr('href').match(/#(.*$)/)[1]
  • 然后使用此代码:

    var hash = window.location.hash;
    $("#" + hash).show();
    
    这将显示给定URL中的特定
    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>
    
    小提琴:
    .selected {background: #ff0;}