Jquery插件$ .fn.myplugin无效

Question

我可能会犯一个非常简单的错误,但是我有一些严重的麻烦,要弄清楚为什么它不起作用.

这是代码:http://jsfiddle.net/HthCa/

更新:这是我的实际代码..

<script type="text/javascript" src="scripts.js"></script>
<script type="text/javascript">
    $(function() {
        $('#test').customTabs();
    })
</script>

scripts.js中

$.fn.customTabs = function() {
    alert($(this).html());
}

Answer 1

在你的代码中:

$('#test').customTabs();

$.fn.customTabs = function() {
    alert($(this).html());
};

你$.fn.customTabs()在定义它之前打电话.尝试改为:

$.fn.customTabs = function() {
    alert(this.html());
};

$('#test').customTabs();

请注意,您不必适用$于this在一个插件的方法,因为this已经是一个jQuery对象(在其上调用该方法的一个).