鏈接到jquery滑塊的特定幻燈片

Question

因此，我使用了一個非常基本的 jquery滑塊（請參閱對此JSFiddle進行操作的示例）。 我可以使用內容滑塊單擊頁面上的鏈接（“幻燈片A”，“幻燈片B”，“幻燈片C”）在幻燈片之間滑動。 我希望能夠做的是讓訪問者來自另一個頁面的網站上，這將鏈接到包含滑塊的頁面點擊“幻燈片B”，然后顯示幻燈片B.

也許諸如此類的哈希標簽或鏈接之類的錨可能會觸發包含內容滑塊的頁面上的Javascript中的某些內容，從而使幻燈片B出現：

<a href='slidepage.php#slide2>Slide B</a>

我正在使用的內容滑塊腳本非常簡單且很小，因此我假設我可以在腳本中添加一些基本內容，以識別單擊以拖動幻燈片的方式：

$(document).ready(function (){
$('#button a').click(function(){
    var integer = $(this).attr('rel');
    $('#myslide .cover').animate({left:-160*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
    $('#button a').each(function(){
    $(this).removeClass('active');
        if($(this).hasClass('button'+integer)){
            $(this).addClass('active')}
    });
});    

}）;

同樣，請在此處查看JSFiddle的實際操作 -隨意分叉並幫助一個家伙！

預先感謝...克里斯

Answer 1

$(document).ready(function (){
  ...
  your old code
  ...

  if(window.location.hash) {
    // Fragment exists
    var myhash = window.location.hash.substring(1);
    $("a[rel='" + myhash + "']").click();
  }
});

然后使用片段鏈接到幻燈片：http: http://yourhost.com/path/to/page.html#2

更新：從片段中刪除# ，然后在選擇器中使用它。