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

Answer 2

你忘了调用该函数...

$(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 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 
}); 

请试试这个。