0 
 jQuery(document).ready(function() {
     jQuery("#bfCaptchaEntry").on("click", function(){
         jQuery("#bfCaptchaEntry").css("background-color", "#FFFFFF"); 
     });
     jQuery("#bfCaptchaEntry").on("blur", function(){           
         jQuery("#bfCaptchaEntry").css("background-color", "#CC0000"); 
     });
 });

これはコードです。入力フィールドの背景色を変更するために onclick および onblur 関数を追加することになっていますが、機能しません。

jQuery コードはこのスクリプトの前にロードされ、このスクリプトはその後に html 内の別のファイルにロードされています。

私は何を間違えましたか？どんな助けでも大歓迎です。

編集:回答のすべてを試した後、コメントでチェイスの提案を試しました。それは魅力のように働きました！したがって、最終的なコードは、jQuery が読み込まれた後のインライン スクリプトになり、次のようになります。

jQuery(document).ready(function() {
jQuery("#bfCaptchaEntry").bind("click", function(){ 
jQuery("#bfCaptchaEntry").css("background-color", "#FFFFFF"); });
jQuery("#bfCaptchaEntry").bind("blur", function(){ 
jQuery("#bfCaptchaEntry").css("background-color", "#CC0000"); });
});
4

4 に答える 4

3

jQuery が読み込まれる前に、jQuery 依存のスクリプトを読み込んでいます。

  <script src="/templates/e-pasaporthome/javascript/styleForms.js" type="text/javascript"></script>
  <script src="/media/mod_vt_nivo_slider/js/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  <script src="/media/mod_vt_nivo_slider/js/jquery.nivo.slider.min.js" type="text/javascript"></script>

代わりに、jQuery を最初に置きます。

  <script src="/media/mod_vt_nivo_slider/js/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  <script src="/templates/e-pasaporthome/javascript/styleForms.js" type="text/javascript"></script>
  <script src="/media/mod_vt_nivo_slider/js/jquery.nivo.slider.min.js" type="text/javascript"></script>
于 2012-09-05T15:42:23.630 に答える
1

そもそもjQueryファイルを含めましたか。含めた場合は、ブラウザでF12キーを押して、ブラウザのコンソールセクションにエラーが表示されるかどうかを確認してください。

また、別のjavascriptライブラリを使用していますか..？

于 2012-09-05T15:40:42.663 に答える
1

1.7より前のバージョン.bind()の代わりに使用することをお勧めします。.on()

"As of jQuery 1.7, the .on() method provides all functionality required for attaching event handlers."

api.jquery.com/on/

于 2012-09-05T16:15:10.560 に答える
0

回答のすべてを試した後、コメントでチェイスの提案を試しました。それは魅力のように働きました！したがって、最終的なコードは、jQuery が読み込まれた後のインライン スクリプトになり、次のようになります。

jQuery(document).ready(function() {
jQuery("#bfCaptchaEntry").bind("click", function(){
jQuery("#bfCaptchaEntry").css("background-color", "#FFFFFF"); });
jQuery("#bfCaptchaEntry").bind("blur", function(){ 
jQuery("#bfCaptchaEntry").css("background-color", "#CC0000"); });
});
于 2012-09-05T16:10:46.467 に答える