Javascript JQuery脚本按代码单击链接（滑动表单脚本）

我用的是花式滑梯。。演示：

底部有一些用于导航的选项卡/按钮

我需要能够跳跳虎的不同步骤（自动点击），当我点击一个链接，而不是直接在标签上用鼠标

我尝试在每个步骤中添加一个id，然后创建一个link:Next选项卡 然后，jquery如下所示：

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

$（“#mytrigger”）。单击（函数（e）{
e、 预防默认值（）；
$（“#步骤2”）。触发（“单击”）；
});

但那没用

更新：

我把它放在一起，但它不起作用。。。我做得不对吗

<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>

$（'a.mytrigger'）。单击（函数（e）{
$（'#导航li:n个子（'+（parseInt（当前）+1）+'）a'）。单击（）；
e、 预防默认值（）；
});

这是我的导航：

<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>

我无法真正测试这一点，但应该可以（根据插件的来源）：

$（'a.mytrigger'）。单击（函数（e）{

$（'#导航li:n个子（'+（parseInt（当前）+1）+'）a'）。单击（）；

e、 preventDefault（）；

});

“当前”变量在slide.form.js中定义

编辑：

对不起，我错了。
这是一个工作演示：

（全尺寸：）

为了使事情尽可能简单，您不必修改导航。

创建如下链接：

a href=“#step1”class=“mytrigger”>链接

然后添加以下javascript：

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

我认为你的问题可以更容易地解决，用更少的HTML。
看一看

一点解释：

我正在使用$（function（））方法创建onload链接。我找到了所有的“li”项，并在它们上面添加了“next”、“prev”链接。最后，我删除了第一项中的“prev”链接和最后一项中的“next”链接。这样我就不需要自己不断地创建HTML元素
我添加的每一个链接都用一个类“next”或“prev”标识
我使用“”绑定（您可能需要改为使用“”。语法可能有点不同）

使用“实时”方法，我在每个链接上附加“单击”事件。处理程序根据之前附加的“下一个”/“上一个”I类对每个链接进行操作。
对于“next”类，我使用JQuery中的“”函数获取下一个“li”元素。
对于“prev”类，我使用JQuery中的“”函数获取前面的“li”元素

请注意，在调用“prev”或“next”函数之前，我确保引用了包装链接的“li”对象。为此，我对$（this）使用“”调用

如果您还需要什么，请告诉我

你能检查一下我发布的更新吗？似乎我做得不对？使用
$（document.ready（function（）{…}）和
。