Question

我的HTML文件中有一个脚本。例如

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

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

现在我想将脚本移动到外部文件并且这样做，该用户可以定义要添加到哪个html的html。例如

<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。

Jquery将函数移动到外部文件并传递一些选项

1 个答案: