Question

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

 <script type="text/javascript">

  $(document).ready(function() {

    $("#front-background").hide();

        $(window).load(function() {

            $('#links-top-1').hover(function() {

                $('#front-background').fadeIn(2000);

            });

        });

  });

  </script>

Answer 1

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

$(document).ready(function() {

    $("#front-background").hide();

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

});

Answer 2

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

您可以将jQuery函数包装在：

中

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

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

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

Answer 3

我没有看到任何onClick功能。这应该有效：

CSS：

#front-background {
    display:none;
}

JQuery悬停替换。淡出，淡出休假

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

jQuery无法正确呈现

3 个答案: