jQuery无法正确呈现

我正在使用这个jQuery在onClick上呈现一个文本框。 但是，它不是渲染…另外，在旁注上我正在使用Drupal 7.我在html.php的Head标签中有jQuery。

 $(document).ready(function() { $("#front-background").hide(); $(window).load(function() { $('#links-top-1').hover(function() { $('#front-background').fadeIn(2000); }); }); });  

Answer 1

这也可能是因为Drupal处理与其他JavaScript库的兼容性。

您可以将jQuery函数包装在：

 (function ($) { //your existing code })(jQuery); 

或者如果您对使用template.php文件感到满意，可以通过drupal_add_js()函数添加JS。

有关详细信息，请参见http://drupal.org/node/171213 。

Answer 2

如果您已经在使用$(document).ready方法，则不需要window load事件。 试试这个。

 $(document).ready(function() { $("#front-background").hide(); $('#links-top-1').hover(function() { $('#front-background').fadeIn(2000); }); }); 

Answer 3

我没有看到任何onClickfunction。 这应该工作：

CSS：

 #front-background { display:none; } 

JQueryhover替换。 在hover时淡入，在休假时淡出

 $(function() { $('#links-top-1').hover(function() { $('#front-background').fadeIn(2000); },function(){ $('#front-background').fadeOut(2000) }); });