外部からJQuery Widget Optionプロパティにアクセス

Question

JQuery UIウィジェットoptionsにどのようにアクセスできますか？たとえば、外部からオプションnameにアクセスするにはどうすればよいですか？

$.widget("my.myWidget", { 

    options: { 
     name: "foo" 
    }, 
}); 

次はJSFiddleを参照しても、動作しません。私が持っている

$(document).ready(function() { 

    var w = $('<p>abc</p>') 
     .appendTo('body') 
     .myWidget({name: "bar"}); 

    // How do I access the option/property 'name'? 
    alert("Name=" + w.name); 
    alert("Name=" + w.options.name); 
    alert("Name=" + w.myWidget('name')); 
}); 

Answer 1

は、ウィジェットオプションでビットを動作し、私はあなたがあなたの新しいウィジェットの各メソッドを実装する必要があることがわかります。

(function ($) { 

$.widget("my.myWidget", { 

    options: { 
      name: "foo" 
     }, 
    value(){ 
     return this.options; 
    }, 
    }); 
})(jQuery); 

$(document).ready(function() { 

    var w = $('p').myWidget({name: "bar"}); 

    alert("Name=" + w.myWidget("value").name); 
}); 

myWidget("value")で値がウィジェットに宣言された関数の名前です：

私はこの方法でそれを書き直しています。

updated jsfiddle