通過編寫JavaScript代碼jQuery腳本點擊鏈接（滑模腳本）

Question

我使用花式滑模..演示Click here：

有在底部的導航一些標籤/按鈕。

當我用鼠標單擊不是直接在選項卡上的鏈接時，我需要能夠調整不同的步驟（自動點擊）。

我嘗試添加一個id到每個步驟，然後創建一個鏈接：下一個標籤 然後在下面的jQuery的：

<script> 
$("#mytrigger").click(function(e) { 
e.preventDefault(); 
$("#step2").trigger("click"); 
}); 
</script> 

，但沒有奏效。

UPDATE：

我把這個在一起，它不工作...我我不這樣做對嗎？

<a class="mytrigger" href="#">Click Here</a> 
<script> 
$('a.mytrigger').click(function(e){ 
$('#navigation li:nth-child(' + (parseInt(current)+1) + ') a').click(); 
e.preventDefault(); 
}); 
</script> 

這裏是我的導航：

<div id="navigation" style="display:none;"> 
<ul> 
<li class="selected"> 
<a href="#">Step 1</a> 
</li> 
<li> 
<a href="#">Step 2</a> 
</li> 
<li> 
<a href="#">Step 3</a> 
</li> 
<li> 
<a href="#">Step 4</a> 
</li> 
<li> 
<a href="#">Step 5</a> 
</li> 
<li> 
<a href="#">Step 6</a> 
</li> 
</ul> 
</div> 

Answer 1

我真的不能夠對此進行測試，但應該工作（基於插件的源）：

$('a.mytrigger').click(function(e){
$('#navigation li:nth-child(' + (parseInt(current)+1) + ') a').click();
e.preventDefault();
});

「當前」變量定義在sliding.form.js中

編輯：
嗯，我錯了，對不起。 這裏是一個工作演示：http://jsfiddle.net/dCmA7/1/
（全尺寸：http://jsfiddle.net/dCmA7/1/embedded/result/）

爲了讓事情儘可能的簡單，你不必修改導航。
創建你的鏈接是這樣的：
a href="#step1" class="mytrigger">link

然後添加此javascript：

$("a.mytrigger").click(function(e){ 
    var index = $(this).attr("href").substr(5); 
    $('#navigation li:nth-child('+parseInt(index)+') a').click(); 
    e.preventDefault(); 
}); 

Answer 2

我覺得你的問題可以更容易解決，用更少的HTML。 看看my fiddle。

一點解釋：

1. 我創建爲onload USIG $（函數（））方法的鏈接。我找到了所有的「李」項目，並且我在它們上面添加了「下一個」，「前一個」鏈接。最後，我從第一個項目中刪除「prev」鏈接，從最後一個項目中刪除「next」鏈接。這樣我就不需要自己創建HTML元素。
2. 我添加的每個鏈接都與類「next」或「prev」一致。

3. 我「live」綁定（您可能需要使用「on」代替。語法可能會有點不同）

   與「活」的方法，我重視每一個環節上的「click」事件。處理程序根據其之前附加的「下一個」/「prev」類來操作每個鏈接。 對於「下一個」類，我使用JQuery中的「next」函數來獲取下一個「li」元素。 對於「prev」類，我使用JQuery中的「prev」函數獲取前一個「li」元素。

   請注意，在我調用「prev」或「next」函數之前，我確定我引用了包裝鏈接的「li」對象。爲此，我使用$（this）上的「closest('li')」呼叫

   讓我知道是否還有其他需要的東西。