仅将.click事件应用于某个div容器中的链接

Question

代码已经基于JSON文件创建了导航。可以通过 data.chapter []。subchapter []。url 来访问网址，通过 data.chapter []。相关标题[] .subchapter []。title

如果您对该部分感兴趣或想要完整的代码，我将其上传到那里：http://fabitosh.bplaced.net/SkriptET_iFrame_v2/

现在的目标是创建一个右侧边栏，显示指向结构中下一个和上一个文件的链接。我的方法如下 令我困惑的是，当点击#left中的链接时，调用back（）直到subchap为零。只应在单击上一个链接时调用它。为实现这一目标，我需要改变什么？

非常感谢！

var chap; //position in the array of the currently open chapter
var subchap; //position in the array of the currently open subchapter

function update_right() {
    var path = data.chapter[chap].subchapter; 

    //Previous Page
    if(subchap > 0) {
        $("#prev").html("<b>Previous:</b><a href='"+path[subchap-1].url+"'>"+path[subchap-1].title+"</a><br/>");
        $("#prev > a").click(back());
    } else { //subchap == 0
        $("#prev").html(""); 
    };
}

function back() {
    subchap--;
    update_right();
}

$(document).ready(function() // DOM needs to exist in order to be able to add stuff in there
{ 

......正在建立导航......

    //------ onClick Navigation
    $('#left > ul > li > a').click(
        function(e)
        {
            chap = $(this).attr("data-chap");
            subchap = $(this).attr("data-subchap");
            update_right();
        }
    );

});