jQuery Plugin初始化函數不執行

Question

出於某種原因，當我調用我的jQuery插件時，初始化函數未被調用，這似乎在我創建的另一個插件上按預期工作。

插件：

(function($) { 
    $.fn.youtubeVids = function(options) { 
     var settings = $.extend({ 
     num: 1, 
     id: 'UCeNOYP-TQK-3P3JZerCjheQ', 
     elm: null 
    }, options); 

     function initialize() { 
      console.log('dsad'); 
     $.ajax({ 
      url: "channel-videos.php", 
      data: { num: settings.num, id: settings.id }, 
      success: function(data) { 
       if (settings.elm !== null) { 
        console.log("test"); 
       } else { 
        console.log("uh oh"); 
       } 
      }, 
      dataType: "json" 
     }); 
     } 
    }; 
}(jQuery)); 

呼叫轉移到插件：

<script src="/js-src/youtube-min.js"></script> 
<script> 
$("#vid1").youtubeVids({ 
    num: 3, 
    elm: [ "#vid1", "#vid2", "#vid2" ] 
}); 
</script> 

Answer 1

您youtubeVids函數內的initialize功能永遠不會得到所謂的，所以基本上什麼都不會發生在那裏（除了創建settings變量和initialize功能

您應該致電initialize函數內部：

(function($) { 
 
    $.fn.youtubeVids = function(options) { 
 
    var settings = $.extend({ 
 
     num: 1, 
 
     id: 'UCeNOYP-TQK-3P3JZerCjheQ', 
 
     elm: null 
 
    }, options); 
 

 
    function initialize() { 
 
     console.log('dsad'); 
 
     $.ajax({ 
 
     url: "channel-videos.php", 
 
     data: { num: settings.num, id: settings.id }, 
 
     success: function(data) { 
 
      if (settings.elm !== null) { 
 
      console.log("test"); 
 
      } else { 
 
      console.log("uh oh"); 
 
      } 
 
     }, 
 
     dataType: "json" 
 
     }); 
 
    } 
 
    initialize(); 
 
    }; 
 
}(jQuery)); 
 

 
$("#vid1").youtubeVids({ 
 
    num: 3, 
 
    elm: [ "#vid1", "#vid2", "#vid2" ] 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="vid1"></div>