小编Ada*_*dam的帖子

从小部件内部获取保存jquery小部件的div对象

我有以下代码:

<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)

jquery jquery-ui widget jquery-widgets

4
推荐指数
1
解决办法
3837
查看次数

标签 统计

jquery ×1

jquery-ui ×1

jquery-widgets ×1

widget ×1