JQuery客户推荐框

Question

Hello试图为一个工作室网站制作客户推荐框，这基本上是一个文本滑块。我的问题是，我不能触发它来改变文本。当我第一次写它的时候，它是基于一个5秒的计时器，但是我的客户希望它有暂停/取消暂停按钮。我试着去做那件事，但效果不太好，所以我建议他做下一个/优先按钮。正如我之前所说，问题是，我认为触发这个函数。

这是我的代码: JSFiddle：http://jsfiddle.net/E2R5m/3/

JQuery：

$(document).ready(function(){

    var suggNum = 0;

    var suggTitle = new Array(
        "by: 1", 
        "by: 2", 
        "by: 3", 
        "by: 4", 
        "by: 5"
    );

    var suggText = new Array(
        '1', 
        '2', 
        '3', 
        '4', 
        '5'
    );

    suggEdit(suggNum);

    function suggEdit(suggNum){
        $("#SuggStringTitle, #SuggStringText").hide().fadeOut();
        $("#SuggStringTitle").html(suggTitle[suggNum]);
        $("#SuggStringText").html(suggText[suggNum]);
        $("#SuggStringTitle, #SuggStringText").show().fadeIn();
    };

    $("#suggNext").click(function(suggNum){ suggNum=suggName+1; suggEdit(suggNum); if(suggName>4){suggName=0;} });
    $("#suggPrev").click(function(suggNum){ suggNum=suggName-1; suggEdit(suggNum); if(suggName<0){suggName=4;} });
});

纽扣：

<button class="SuggCon" id="SuggNext"> Next </button>
        <button class="SuggCon" id="SuggPrev"> Prev </button>

谢谢！

Answer 1

固定：jsFiddle实例

您将suggNum变量作为参数放置在next/prev的click函数中，这将导致它将错误的变量传递给suggEdit函数。然后，您还在调用suggEdit函数之后，在单击事件中运行if检查，这是应该在之前完成的。

$(document).ready(function () {
    var suggNum = 0;
    var suggTitle = new Array(
        "by: 1",
        "by: 2",
        "by: 3",
        "by: 4",
        "by: 5");
    var suggText = new Array(
        '1',
        '2',
        '3',
        '4',
        '5');
    suggEdit(suggNum);
    function suggEdit(suggNum) { console.log(suggNum);
        $("#SuggStringTitle, #SuggStringText").hide().fadeOut();
        $("#SuggStringTitle").html(suggTitle[suggNum]);
        $("#SuggStringText").html(suggText[suggNum]);
        $("#SuggStringTitle, #SuggStringText").show().fadeIn();
    };
    $("#SuggNext").click(function () {
        suggNum = suggNum + 1;
        if (suggNum > 4) {
            suggNum = 0;
        }
        suggEdit(suggNum);

    });
    $("#SuggPrev").click(function () {
        suggNum = suggNum - 1;
        if (suggNum < 0) {
            suggNum = 4;
        }
        suggEdit(suggNum);
    });
});