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.