Question

我正在尝试构建整页滑块。这就是我想要建立的：

我在.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>

当用户点击＆＃34; previous_slide＆＃34;或＆＃34; next_slide＆＃34;按钮，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") } );

滑块的问题我正在发展

1 个答案: