六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 34|回复: 0

jQuery 插件私有属性的调用(UI 为列)

[复制链接]

升级  38.67%

30

主题

30

主题

30

主题

秀才

Rank: 2

积分
108
 楼主| 发表于 2013-1-29 08:37:45 | 显示全部楼层 |阅读模式
(function( $ ) {$.widget( "ui.combobox", {create: function() {var self = this,select = this.element.hide(),selected = select.children( ":selected" ),value = selected.val() ? selected.text() : "";var input = this.input = $( "<input>" )insertAfter( select ).val( value ).autocomplete({ ....//以下省略      //需要实现在页面无刷新的情况下 重新加载组件   $("#test").click(function(){        //通过创建 原型(函数) 调用组件下方法$.ui.combobox.prototype.create = function(){   this._create();};$("#combobox option:eq("+ Rand +")").attr("selected", true);$("#combobox").parent().find("input,button").remove();$( "#combobox" ).combobox("create");    });    <div class="ui-widget"><label>Your preferred programming language: </label><select id="combobox"><option value="">Select one...</option><option value="ActionScript">ActionScript</option><option value="AppleScript">AppleScript</option><option value="Asp">Asp</option><option value="BASIC">BASIC</option><option value="C">C</option><option value="C++">C++</option><option value="Clojure">Clojure</option><option value="COBOL">COBOL</option><option value="ColdFusion">ColdFusion</option></select>    </div><button id="test" >Test</button>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表