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 内的单独文件中加载。

我做错什么了？任何帮助表示赞赏。

编辑：在尝试了答案中的所有内容后，我在评论中尝试了 Chase 的建议。它就像一个魅力！所以最终代码现在是加载 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

我建议使用.bind()而不是.on()1.7 之前的版本。

"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

在尝试了答案中的所有内容之后，我在评论中尝试了 Chase 的建议。它就像一个魅力！所以最终代码现在是加载 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 回答