停止正在执行的jQuery，然后继续在那里留下

嗯，我使用this jquery carousel plugin ...和它的作品只是罚款（已启用自动旋转木马），但是我试图让它停下时，任何用户在运行鼠标转盘，然后在鼠标移出后尝试恢复它的离开。我还没有设法做到这一点，我甚至不知道如何继续尝试。这是我的旋转木马的代码（因为它是很长的，我只是要去的地方的第一部分，它重复毕竟）...停止正在执行的jQuery，然后继续在那里留下

<div id="expertos" class="carrusel_expertos"> 
           <ul> 
            <li> 
             <img class="izq" id="fernandocavazos" height="88px" width="77px" src="assets/img/expertos/equipo7.jpg" alt="Dr. Fernando Cavazos" title="Dr. Fernando Cavazos<br /><br /> 
             Director de Servicios T&eacute;cnicos ABS Am&eacute;rica Latina<br /> 
             Residencia: M&eacute;xico<br /> 
             Email: [email protected]<br /> 
             Medico Veterinario - Universidad Nacional Aut&oacute;noma, M&eacute;xico <br /> 
             Fisiolog&iacute;a Reproductiva - Universidad de Edimburgo, Escocia<br /> 
             <br /> 
             Fernando esta a cargo de los programas de actualizaci&oacute;n para el equipo de servicios t&eacute;cnicos de Am&eacute;rica Latina. Sus &aacute;reas de especializaci&oacute;n incluyen manejo reproductivo en ganado de leche y carne, procedimientos de orde&ntilde;o y salud de la ubre, evaluaci&oacute;n del confort e instalaciones y salud del hato. 
             " />  
             <ul id="textcontainer_der"> 
              <li><div id="nombre_experto">Dr. Fernando Cavazos</div></li> 
              <li><div id="residencia_experto">M&eacute;xico</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li> 
            <li> 
             <img class="der" height="88px" width="77px" src="assets/img/expertos/equipo8.jpg" alt="Dr. Dr. Hernando L&oacute;pez" />  
             <ul> 
              <li><div id="nombre_experto">Dr. Hernando L&oacute;pez</div></li> 
              <li><div id="residencia_experto">USA</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li> 
            <li> 
             <img class="izq" height="88px" width="77px" src="assets/img/expertos/equipo9.jpg" alt="Dr. Neil Michael" /> 
             <ul id="textcontainer_der"> 
             <li><div id="nombre_experto">Dr. Neil Michael</div></li> 
              <li><div id="residencia_experto">USA</div></li> 
              <li><div id="mail_experto">[email protected]</div></li> 
             </ul> 
            </li>

，这里是启动的jCarousel

var carousel = $(function(){ 
    $("div.carrusel_expertos").carousel({ 
     direction: "vertical", 
     loop: true, 
     dispItems: 3, 
     nextBtn: "<span></span>", 
     prevBtn: "<span></span>", 
     autoSlide: true, 
     autoSlideInterval: 6000, 
     delayAutoSlide: 2000, 
     effect: "fade" 
    }); 
});

和JavaScript这里我试图阻止已经执行的jCarousel：

$(function() { 
    $('#expertos').mouseover(function() { 
     //$(this).stop(); 
       $(this).die("mouseover",carousel); 
     }).mouseout(function() { 
     //$(this).carousel(); 
       $(this).live("mouseout",carousel); 
    }); 
});

来源

2009-06-01 Tsundoku

你必须自己修改插件。如果插件是作为一个jQuery UI部件也将更加容易，而不需要修改它来控制。

您应该延伸params对象为包括将指示转盘应该在鼠标悬停暂停的选项，如“pauseOnMouseOver”。

而且你应该命名为类似“暂停”一个布尔值，延长“ENV”对象。

将“mouseover”事件处理程序绑定到将env.paused值设置为true并将“mouseout”事件处理程序设置为false的env。$ elts.content元素;

找到段：

  // Launch autoslide 
      if (env.params.autoSlide){ 
       window.setTimeout(function(){ 
        env.autoSlideInterval = window.setInterval(function(){ 
         env.$elts.nextBtn.click(); 
        }, env.params.autoSlideInterval); 
       }, env.params.delayAutoSlide); 
      }

上线

env.$elts.nextBtn.click();

if语句像

if (!paused)

这应该做的伎俩补充。

来源

2009-06-05 09:41:55 Raybiez

停止正在执行的jQuery，然后继续在那里留下

回答

相关问题