javascript - 我正在开发的 slider 存在问题

Question

我正在尝试构建一个整页 slider 。这就是我正在尝试构建的:

1. 我在 .js 文件中声明此变量:

var current = 0; // This is the id that is shown
var total = $('.post').length; // Total number of divs

html的主要结构

<div class="controller">
    <a href="#" id="previous_slide"></a>
    <a href="#" id="next_slide"></a>
</div>

<ul id="slider">

    <li class="post" id="0"> 
       // Content
    </li>

    <li class="post" id="1"> 
       // Content
    </li>

</ul>

当用户点击“previous_slide”或“next_slide”按钮时，jquery 会调用 go_slide() 函数并按引用传递 取决于操作的字符串(go_before 或 go_after)。

$("#previous_slide").click( go_slide("go_before") );
$("#next_slide").click( go_slide("go_after") );

function go_slide(action_name)
{
    var prev = current - 1;
    var next = current +1;

    if (action_name == "go_before") 
    {
        $('#'+current).hide();
        $('#'+previous).show():
        current--; // Updates the value of current slide
    }
    else if(action_name == "go_after")
    {
        $('#'+current).hide();
        $('#'+next).show():
        current++; // Updates the value of current slide
    }
}  

我该怎么做才能运行正确的代码？

提前致谢

Answer 1

一般我这样使用:

$("#previous_slide").click( function() { go_slide("go_before") } );
$("#next_slide").click( function() {go_slide("go_after") } );