jQuery - 结合语句

Question

我可以麻烦别人帮我合并这些陈述......每次我都会收到脚本错误，但我无法调试错误的内容......

<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>

Answer 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>

Answer 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>