Question

我正在尝试将此脚本移出HTML的头部。

<script type="text/javascript">
    $(document).ready(function(){
        $('.emoticontext').emoticonize({
        });
    })
</script>

我想将其插入.js文件中。

喜欢

<script src="javascripts/emoticons.js" type="text/javascript"></script>

但我不确定我该怎么办。

我试过

(function($) {

    $('.emoticontext').emoticonize({ 
        });

    $.fn.emoticonize = function(options) {
    ...

但它不起作用。

Answer 1

在你的emoticons.js

中

$(document).ready(function(){
    $('.emoticontext').emoticonize({
    });
});

多数民众赞成。

此代码

(function($) {
    $('.emoticontext').emoticonize({ 
    });

    $.fn.emoticonize = function(options) {
    ...

创建一个名为emoticonize的原型函数，该函数设计用于在jQuery元素上调用。

Answer 2

简单。。

把这个：

 $(document).ready(function(){
    $('.emoticontext').emoticonize({
    });
 })

在您的外部文件中并链接到它。。。换句话说，标签之间的页面中的所有内容都是

Answer 3

移动此JavaScript时：

$(document).ready(function(){
    $('.emoticontext').emoticonize({
    });
})

从<script>元素到它自己的文件，它看起来完全一样。

(function($) {
    $(document).ready(function(){
        $('.emoticontext').emoticonize({
        });
    })

    $.fn.emoticonize = function(options) {
        …

但是，作为一个好的做法，我会在之后将放在emoticonize的定义之后 - 以防脚本在将来被延迟/异步加载。

Answer 4

有几件事：首先你要删除脚本标签，让它完全相同。另一件事是你错过了结束时的分号}）。它应该是 }）;。

另外，不要忘记链接到head标签中的jQuery。

希望它有所帮助。

Answer 5

<强> emoticons.js

   $(document).ready(function(){
    $('.emoticontext').emoticonize({
    });
})

$（文件）.ready（头部以外的函数（）

5 个答案: