jQuery脚本未在函数内部运行

Question

如果我不将其放入函数中但在函数内部不起作用，则此脚本正在运行。

请给我解释一下逻辑

    $(document).ready(function(){
       var active=$('.active');
       var index=$('#pics li').index(active);
       var maxindex=$('#pics li').length-1;

       function makeCircles(){
           for (var i=0;i<=maxindex;i++)
           {
               var $circle=$("<li>",{class:'circle'});
               $('#navCircles').append($circle);
           }
        }   
      });

makeCircles函数中的代码未运行。 但是，如果我删除该函数并将这些行直接放在变量下面，则效果很好...如下。

$(document).ready(function(){
var active=$('.active');
var index=$('#pics li').index(active);
var maxindex=$('#pics li').length-1;

    for (var i=0;i<=maxindex;i++)
    {
        var $circle=$("<li>",{class:'circle'});
        $('#navCircles').append($circle);
    }   
});

提前致谢。

Answer 1

您忘记了调用该函数...

$(document).ready(function(){
   var active=$('.active');
   var index=$('#pics li').index(active);
   var maxindex=$('#pics li').length-1;

   (function makeCircles(){
       for (var i=0;i<=maxindex;i++)
       {
           var $circle=$("<li>",{class:'circle'});
           $('#navCircles').append($circle);
       }
    })();   
  });

Answer 2

您只定义了函数，还需要执行它：

$(document).ready(function(){
   var active=$('.active');
   var index=$('#pics li').index(active);
   var maxindex=$('#pics li').length-1;

   function makeCircles(){ //define the function
       for (var i=0;i<=maxindex;i++)
       {
           var $circle=$("<li>",{class:'circle'});
           $('#navCircles').append($circle);
       }
    }   
    makeCircles(); //execute the function
  });

Answer 3

$(document).ready(function(){
   var active=$('.active');
   var index=$('#pics li').index(active);
   var maxindex=$('#pics li').length-1;

   function makeCircles(){ 
       for (var i=0;i<=maxindex;i++)
       {
           var $circle=$("<li>",{class:'circle'});
           $('#navCircles').append($circle);
       }
    }   
    makeCircles(); // call this function
});

请尝试这个。