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

我正在使用Fancy Sliding Form .. Demo 点击这里 ：

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

当我用鼠标点击标签上没有直接链接的链接时，我需要能够触发不同的步骤（自动点击）。

我已经尝试为每个步骤添加一个id，然后创建一个链接：Next Tab然后是下面的jquery：

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

但那没用。

更新：

我把它放在一起，它不起作用……我不是这样做的吗？

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

这是我的导航：

 
 
 
 Step 1 
 
 Step 2 
 
 Step 3 
 
 Step 4 
 
 Step 5 
 
 Step 6 
 
  

Answer 1

我真的不能测试这个，但这应该工作（基于插件的来源）：

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

‘current’var在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可以更轻松地解决您的问题。 看看我的小提琴 。

一点解释：

1. 我正在创建链接onload usig $（function（））方法。 我找到了所有“li”项目，我正在添加“next”，“prev”链接。 最后，我从第一个项目中删除“prev”链接，从最后一个项目中删除“next”链接。 这样我就不需要自己不断创建HTML元素了。
2. 我添加的每个链接，我标识为“下一个”或“上一个”类。

3. 我用“ live ”绑定（你可能需要使用“ on ”。语法可能有点不同）

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

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

   如果您还有其他需要，请告诉我。