2011-02-10 9 views
2

ここでは、私が集中しているコードのサンプルを示します。私はテストサイトにそれを組み込もうとしましたが、コードは機能しません。なぜ私は両方のインスタンスでJquery(1.5)の最新バージョンを使用しているのか理解できません。私はテストサイトにGoogleのホストされているApiを使用しています。テストサイトでJqueryコードが実行されていない

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
 

 
<script> 
 
    $('#name-label').dblclick(function() { 
 
    $("#name").val('some text'); 
 
    }); 
 
</script> 
 

 
<div class="ctrlHolder"> 
 
    <label for="" id="name-label">Name</label> 
 
    <input name="name" id="name" type="text" class="textInput small" /> 
 
    <p class="formHint">The name of the item you are submitting</p> 
 
</div>

+0

私はその機能に –

+0

http://api.jquery.com/live/ライブ機能を試すことができます!大変ありがとうございます – Ambo100

答えて

4

$(document).ready(function() {});仕事でそれをラップしていますか?

$(document).ready(function() { 
    $('#name-label').dblclick(function(){ 
     $("#name").val('some text'); 
    }); 
}); 
+0

[はい]を使用するかどうかは非常にわからない – Ambo100

+1

良いです。経験則として、 '$ .ready()'関数でコードをラップすることが最善です。これは、コードが実行しようとする前にDOMが完全にロードされるようにするためです。前に起こっていたことは、DOMにロードされる前に 'name-label'要素への参照を取得しようとしていたことです。 –

-1
$(function() { 
    $('#name-label').dblclick(function(){ 
     $("#name").val('some text'); 
    }); 
} 
関連する問題