与flexslider的深层链接问题

Question

我正在使用flexslider来显示自定义帖子类型的帖子。 我已经设法通过向每个li元素添加post id来使深层链接工作，并使用它在单击上一个/下一个时更新具有该id的url。

但是，当它在浏览器中被拉出时，我无法使这个新链接起作用。 目标是使用此URL在Facebook上进行共享。 当有人点击该网址时，它应该转到该特定幻灯片。

$(document).ready(function(){
    var $flexslider = $('.flexslider');     
                $flexslider.flexslider({
before:function (slider) {
          // get the ID of the slide we are animating to
          id = slider.slides[slider.animatingTo].id 
          // set the URL path to #slideID     
          history.pushState(null, null, "#" + id);
          },
                animation: "fade",
                                touch: false,
                                slideshow: false,
                manualControls: ".flex-control-nav li",
                useCSS: false /* Chrome fix*/               
});
});

<section id="slider">
      <div class="flexslider">
        <ul class="slides">
        <?php query_posts(array('post_type' => 'juweel','orderby' => 'rand')); if(have_posts()) : while(have_posts()) : the_post();?>
            <li data-thumb="<?php the_post_thumbnail_url(); ?>" class="slide" id="<?php the_ID(); ?>">
            <?php the_title(); ?>
            <?php the_post_thumbnail(); ?>
          </li>
        <?php endwhile; endif; wp_reset_query(); ?>
        </ul>
    </div>
</section>

我知道我可以使用获取当前位置哈希

var hash = window.location.hash;

但我不知道如何检查该值是否与我的一张幻灯片的ID匹配并让它去那里