用户点击任何li.eq（i）时重新运行功能

Question

我有一个加载栏，我想重新加载，只要用户点击我的li，这是一个循环的增量，这是将在li.eq（i）上重新加载的以下函数 实时代码：http://saadee.bl.ee/hm/

function lifeStream(){
    var lftanchor = $(".filetree span.file");
    var mainDiv = $(".main");
    var loadBg = $(".loadBg");
    var loadBar = $(".loadBar");
    var boxHeight = $(".box1, .box2");

    loadBg.show();
    loadBar.animate({"width":"100%"},1500);
    loadBg.hide();
    boxHeight.show();
    boxHeight.delay(1500).animate({"height":"0%"},300);
    loadBar.animate({"width":"0%"},0);
}

Answer 1

您可以简单地处理符合您条件的li的点击事件。

考虑到我的定义，你可以这样做：

jQuery('li').eq(i).click(function() {
 lifeStream();
});

Answer 2

使用on()之类的，

$(function(){
   $('li').on('click',function(){
      lifeStream();
   });
});