Блог

Главная - Вопросы по программированию - jQuery — объединить инструкции

jQuery — объединить инструкции

#jquery

#jquery

Вопрос:

Могу ли я попросить кого-нибудь помочь мне объединить эти инструкции … каждый раз, когда я это делаю, я получаю ошибку скрипта, но не могу отладить, что именно не так…

 <script type="text/javascript"> 
  $(function() {
      $('.slideshow').after('<div id="mininav"
  class="mininav">').cycle({
          fx:     'fade',
          speed:  'fast',
          timeout: 5500,    pause: 1,
          pager:  '#mininav',
          before: function() { if (window.console)
  console.log(this.src); }
      });


  });
</script>

<script type="text/javascript"> 
  $(function() {

   $('.slideshow').hover(function() {   
          $('#mininav-pause').show();   }, 
            function() {        $('#mininav-pause').hide();     });
  });
</script>

Комментарии:

1. Не хотите опубликовать ошибку, которую вы получаете, или вы не считаете это важной частью вашего вопроса?

2. Можете ли вы воссоздать свою проблему в jsfiddle. net чтобы мы могли лучше рассмотреть?

Ответ №1:

 <script type="text/javascript"> 
  $(function() {
      $('.slideshow')
      .after('<div id="mininav" class="mininav">')
      .cycle({
          fx:     'fade',
          speed:  'fast',
          timeout: 5500,
          pause: 1,
          pager:  '#mininav',
          before: function() { if (window.console) console.log(this.src); }
      })
      .hover(function() { $('#mininav-pause').show(); }, 
             function() { $('#mininav-pause').hide(); });
  });
</script>

Ответ №2:

Ваш div должен иметь закрывающую косую черту, и вы можете комбинировать функции наведения курсора.

 <script> 
  $(function() {
      $('.slideshow')
          .after('<div id="mininav" class="mininav" />')
          .cycle({
              fx:     'fade',
              speed:  'fast',
              timeout: 5500,    pause: 1,
              pager:  '#mininav',
              before: function() { 
                  if (window.console)
                  { console.log(this.src); }
              }
          })
          .hover(function() {   
              $('#mininav-pause').toggle();
          });
  });
</script>