これらのJavaScript関数はなぜ未定義ですか？

Question

私はthis jsFiddleの出力を理解しようとしています。

左側の「外部リソース」オプションを使用して、Google's CDNでjQuery UIをロードしています。

いくつかのものは...

• のjQuery UI 部分的作品を私に困惑しています。私は "私をドラッグする" divをドラッグすることができます。

  jQuery UI .draggable()（docs）です。 （）は、jQuery UIのテーマCSSを適用していません。.button()（docs）

  なぜ.draggable()が機能するのですが、.button()では使用できません。 （構文エラー？）

• どうすればdraggableがundefinedになるのですか？

  これは機能するので、正しく機能する必要がありますか？

• どうすればclickをundefinedにするのですか？

  click()はjQueryのものであり、$は関数です。 clickもそうではないでしょうか？

ここJSだ...私は取得しています

(function() { 

    $(document).ready(function() { 

    $('.dr').draggable(); 

    $('.btn').button(); 

    $('.btn').click(function(event) { 
     alert('Clicked'); 
    }); 

    $('.output').append('typeof $: ' + typeof $ + '<br />'); 

    $('.output').append('typeof draggable: ' + typeof draggable + '<br />'); 

    $('.output').append('typeof click: ' + typeof click + '<br />'); 

    $('.output').append('typeof button: ' + typeof button + '<br />'); 

    }); 

}()); 

出力は、あなたが何かにそれらを結ぶされていないためです...

typeof $: function // As expected. 
typeof draggable: undefined // How can it be undefined and still work? 
typeof click: undefined // ??? 
typeof button: undefined 

Answer 1

機能は$().draggable、$().clickと$().button、されていないその範囲で、window.draggable、window.clickとwindow.button探して終わる、draggable、click及びbutton、。

$().draggable、$().clickと$().buttonの種類を取得する別の方法は、一般的に$.fnとしてエイリアスされ$.prototype、を介して行われます。だから、：

$().draggable、$().clickと$().button、または $.prototype.draggable、$.prototype.clickと$.prototype.buttonまたは $.fn.draggable、$.fn.clickと$.fn.buttonは同じです。そしてそれらはdraggable,clickおよびbuttonとは異なり、あなたの機能ではwindow.draggable,window.clickおよびwindow.buttonと同じです。

Answer 2

ですので、結局、windowを見て終わります。

あなたは$.fnを探しているはずです。

Answer 3

機能はメソッドとは異なります。 draggableは$('.dr').draggableと等しくないなどです。上記使用