0

我正在尝试开发一个简单的 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( { 'width' : 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 );

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

4

1 回答 1

2

你不能使用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');
于 2013-02-11T12:22:34.233 回答