Question

我有以下代码，当在链接中使用时会转到下一个链接...所以我基本上用它来执行下一个按钮的功能。

我需要做的是创建一个反向版本，以便将其用作后退按钮。

以下是代码：

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

Answer 1

我认为使用较少的HTML可以更轻松地解决您的问题。看看my fiddle。

一点解释：

我正在创建链接onload usig $（function（））方法。我找到了所有“li”项目，我正在添加“next”，“prev”链接。最后，我从第一个项目中删除“prev”链接，从最后一个项目中删除“next”链接。这样我就不需要自己不断创建HTML元素了。
我添加的每个链接，我标识为“下一个”或“上一个”类。
我使用“live”进行绑定（您可能需要使用“on”。语法可能略有不同）

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

请注意，在我调用“prev”或“next”函数之前，我确保引用包含链接的“li”对象。为此我在$（this）
上使用“closest('li')”调用
如果您需要更多内容，请告诉我。

颠倒jQuery代码功能

1 个答案: