Question

我正在尝试构建一个名为Staticblock的自定义窗口小部件。我想使用Resizable小部件作为原型。我认为可以继承一个小部件，如果没有对子小部件进行任何更改（没有方法添加或覆盖），它的行为就像继承的小部件（Resizable）。

$.widget( "my.staticblock", $.ui.resizable, {
    /*
      methods go here
    */
});

现在，我不应该使用“staticblock”，就好像它是“可调整大小”一样。像这样......

$( "#resizable1").staticblock();

好的，这有效，但如果我通过一个选项，我会收到错误。像这样......

$( "#resizable1").staticblock({
    containment: "parent"
});

包含：“parent”是Resizable小部件的有效选项。以下作品细..

$( "#resizable1").resizable({
    containment: "parent"
});

我得到的错误与jQuery UI中的这一块代码有关。

 $.ui.plugin.add("resizable", "containment", {

start: function() {
    var element, p, co, ch, cw, width, height,
        that = $(this).data("ui-resizable"),
        o = that.options,
        el = that.element,
        oc = o.containment,
        ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ?    
                    el.parent().get(0) : oc;

    if (!ce) {
        return;
    } ...

在我勉强想出来的时候，我能够确定使用时 staticblock小部件“that”在执行行

时未定义

that = $(this).data("ui-resizable").

我做错了什么？谢谢。

查询UI，继承小部件

0 个答案: