jquery插件基础任务

Question

我正在尝试开发一个简单的jquery插件......

我阅读了jquery文档，现在我只是想改变插入插件的div，但老实说我不知道​​发生了什么。

这是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：

  

（function（$）{       var settings = $ .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你需要用$('#dropdown')声明它并假设你使用了类$('.dropdown')

<强>替换

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

。通过

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