JQuery не рендерится должным образом

Question

Я использую этот jQuery для рендеринга текстового поля на клике.Но это не рендеринг ... Кроме того, в дополнение к этому я использую Drupal 7. У меня есть тег jQuery в заголовке html.php.

 <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

Это также может быть связано с тем, как Drupal обрабатывает совместимость с другими библиотеками JavaScript.

Вы можете обернуть свою функцию jQuery в:

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

или, если вам удобно использовать темы template.php, вы можете добавить JS через функцию drupal_add_js().

Подробнее см. http://drupal.org/node/171213.

Answer 2

Вам не нужно событие window load, если вы уже используете метод $(document).ready.Попробуйте это.

$(document).ready(function() {

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

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

});

Answer 3

Я не видел там никакой функциональности onClick. Это должно работать:

CSS:

#front-background {
    display:none;
}

Замена JQuery при наведении. Потухание при наведении, затухание в отпуске

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