我有以下代码:
<div id="widHolder"></div>
<script type="text/javascript" language="javascript">
$('#widHolder').widgetName({
optionOne: false,
optionTwo: 1,
onComplete: function (holder) {
// ... do something here with the 'widHolder' object such as $(holder).addClass(x,y)
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
在小部件本身内,onComplete方法将在小部件完全初始化后立即调用.我希望窗口小部件中的代码引用窗口小部件链接到的对象(在本例中,id为'widHolder'的div).
我的目标是通过创建上面列出的oncomplete函数,快速轻松地引用保持对象.小部件本身的代码只是调用onComplete函数传递holder(我需要获取)作为参数.
这是jQuery UI Widget插件的代码示例
(function ($) {
$.widget("ui.widgetName", {
options: {
// ... other options that can be set
onComplete: undefined
},
// called on the initialization of the widget
_init: function () {
// do initialization functions...
if(this.options.onComplete)
this.options.onComplete( I_WANT_TO_SEND_THE_DOM_ELEMENT_HERE );
},
}
})
Run Code Online (Sandbox Code Playgroud)