jQuery插件基本任务

Question

我想开发一个简单的jQuery插件...

我读了jQuery的文档，现在我只是想改变，我附加插件的股利，但老实说，我不要不知道发生了什么。

这是jfiddle链路：http://jsfiddle.net/9eLqm/

HTML：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('dropdown').pifo_dropdown({'width': 300, 'fontsize' : 18 }); 
    $('dropdown').pifo_dropdown('show'); 
}); 
</script> 


<div id="dropdown"> div</div> 

的javascript：

（函数（$）{ 变量设置= $ .extend（{ “宽度'：200, 'maxheight'：200, 'fontsize'：13, 'defaultlbl' ：'选择一个选项' }）;

var methods = {init：function（options）{
settings = $ .extend（options）; //应用设置 }};

$.fn.pifo_dropdown = function(method, options) { 

// Methods 
if (methods[method]) { 
    return methods[ method ].apply(this, Array.prototype.slice.call(arguments, 1)); 
} else if (typeof method === 'object' || ! method) { 
    return methods.init.apply(this, arguments); 
} else { 
    $.error('Method ' + method + ' does not exist on jQuery.pifo_dropdrown'); 
} 

this.fadeOut(); 

};
}） （jQuery）;

任何人都可以帮助我吗？在此先感谢

Answer 1

您不能使用id这样的元素，例如$('dropdown')。使用ID u需要与$('#dropdown')声明，并假设如果使用类$('.dropdown')

更换

$('dropdown').pifo_dropdown({'width': 300, 'fontsize' : 18 }); 
$('dropdown').pifo_dropdown('show'); 

随着

$('#dropdown').pifo_dropdown({'width': 300, 'fontsize' : 18 }); 
$('#dropdown').pifo_dropdown('show');