反转jQuery代码函数
反转jQuery代码函数
提问于 2012-01-06 23:40:42
我有以下代码，当在一个链接中使用时，将前进到下一个链接…所以我基本上是用它来做下一步按钮的功能。
我需要做的是创建一个反向版本，这样我就可以使用它作为后退按钮。
代码如下：
<script>
$("a.mytrigger").click(function(e){
var index = $(this).attr("href").substr(5);
$('#navigation li:nth-child('+parseInt(index)+') a').click();
e.preventDefault();
});
</script>更新：
有关更多详细信息，请参阅以下链接：
Javascript JQuery Script click link by code (Sliding Form Script)
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-15 22:40:50
我认为用更少的HTML可以更容易地解决您的问题。看看my fiddle吧。
一个小小的解释：
函数我在 usig $(
- ())方法上创建链接。我找到了所有的"li“项，并且在它们上面添加了"next”、"prev“链接。最后，我从第一项中删除了"prev“链接，并从最后一项中删除了"next”链接。这样我就不需要不断地自己创建HTML元素了。
- 每个我添加的链接，我都会标识一个类"next“或"prev”。
- 我使用"live“进行绑定(您可能需要使用"on”。语法可能会稍有不同)
使用"live“方法，我在每个链接上附加了"click”事件。处理程序根据我之前附加的"next"/"prev“类对每个链接进行操作。对于" next“类，我使用JQuery中的"next”函数来获取下一个"li“元素。对于"prev“类，我使用JQuery中的"prev”函数来获取前面的"li“元素。
请注意，在调用"prev“或"next”函数之前，请确保引用包装链接的"li“对象。为此，我在$(this)上使用"closest('li')“调用。
如果你还需要什么，请告诉我。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8760354
复制相关文章
相似问题
腾讯云开发者
