JQueryセレクタ - ＃ElementIdは機能しませんElementIdは大丈夫です

Question

私が隠しているdivを表示するいくつかの問題があります。何らかの理由で＃ElementIdセレクタが動作していませんが、ElementIdを使用するだけで動作します。

Jquery 1.7.1また、私はJQueryを使用しています。

$('CreateGroup').show("fold"); // this works fine 
$('#CreateGroup').show("fold"); // this fails with cannot call show on undefined 

<div id="CreateGroup" style="display: none">Hi!</div> 

何が起こっているのですか？

ありがとうございました

Answer 1

@Piercy、チャンスあなたの$です（）関数は、プロトタイプから来ていますjQueryではありません。あなたはあなたのページに両方の図書館を含めていますか？ - フレデリック・ハミディMar 2 at 12:21

これは試作品が干渉していたのを修正しました。完全なjQuery修飾子を使用すると動作します。

Answer 2

どちらも失敗します。 。スクリプトが呼び出されたときに

あなたはdocument.loadイベント$('document').ready()別名（別名$(function(){});を使用していないので、あなたのコードができません

ノードがまだ定義されていない

しかし、これは動作します：。

をそれはノード定義した後に呼び出されますので

<div id="CreateGroup" style="display: none">Hi!</div> 
<script type="text/javascript">$('#CreateGroup').show("fold");</script> 

。

ますあなたが上記のロードメソッドを使用する場合、それを心配する方法はありません。

<script type="text/javascript"> 
    $(function() { 
     $('#CreateGroup').show("fold"); 
    }); 
</script> 

<div id="CreateGroup" style="display: none">Hi!</div> 

これは、ドキュメント全体が読み込まれるまでスクリプトが実行されないため動作します。

Answer 3

関数を呼び出すときに要素が既に作成されていますか？

DOM準備ができて後に実行することを確実にするために、これを試してみてください。

$(window).ready(function() { 
$('#CreateGroup').show("fold"); 
}); 

さらに詳しい情報：

.ready()