jquery將函數移動到外部文件並傳遞一些選項

Question

我在我的HTML文件中有一個腳本。例如

<div id='mydiv'>Hello World</div> 

<script> 
$(document).ready(function(){ 
    var newtext = 'Bye-bye world'; 
    $('#mydiv').html(newtext); 
}); 
</script> 

現在我想將腳本移動到外部文件，並使得用戶可以定義哪個html添加到哪個div。例如

<div id='mydiv'>Hello World</div> 
<script> 
$(document).ready(function(){ 
    $('#mydiv').changetext({ 
     'newtext':'My new text' 
    }); 
}); 
</script> 

這怎麼辦？ Thx

Answer 1

要使用第二個示例的語法，您需要創建一個插件。

(function($){ 
    $.fn.changetext = function(options) { 
     var settings = $.extend({ 
      'newtext'   : 'Default text' 
     }, options); 

     $(this).text(settings.newtext); 
    }; 
})(jQuery); 

查看此鏈接瞭解更多信息：http://docs.jquery.com/Plugins/Authoring。