jquery - jQueryセレクター(プラグイン内から)はjsFiddleで機能しますが、実際のページでは機能しませんか?

Question

私の人生では、jQueryグローバルオブジェクトを介して要素を選択しようとすると、jsFiddleでは機能するのに、通常のページでは機能しない理由がわかりません。

HTML

JSFiddle

私はしばらくの間、この問題と格闘してより大きなプラグインを構築してきましたが、最終的にこの奇妙な不一致に絞り込みました.

私がここに欠けているものはありますか？

Answer 1

これは、ページ上でDOMを実行する前に準備が整うのを待っていないために発生しています$.salsaform();。

jsFiddleはonLoadハンドラーにコードを持っているので、DOMの準備ができたら実行されます。

スクリプトを次のように変更します。

(function ($) {
  $.salsaform = function () {
    console.log($('#foo'));
  };
})(jQuery);

$(function(){
    $.salsaform();
});

$(function(){...})DOMの準備ができたら、コードを実行します。