我需要在 jquery 中停止 slideUp答案

【问题标题】：I need stop slideUp in jquery我需要在 jquery 中停止 slideUp
【发布时间】：2012-05-27 09:01:41
【问题描述】：

我写了这段代码，它为我制作了一个幻灯片现在我需要当鼠标悬停停止向上滑动尊重

$(document).ready(function () {
$('#ticker_02').mouseover(function() {
  //I NEED THIS CODE
    })

});

function tick2(){
    $('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 2000);

【问题讨论】：

你想让它滑下鼠标吗？

标签： php jquery mouseover slidedown slideup

【解决方案1】：

试试stop()方法：

$('#ticker_02').mouseover(function() {
  $(this).stop(true);
})

【讨论】：

嗨，如果您滑动li:first，请尝试更改选择器$('#ticker_02 li').mouseover(...)
谢谢我解决了这个问题。我的问题 setInterval(function(){ tick2 () }, 2000); .停止工作，但这又开始了。

【解决方案2】：

试试这个。

<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()">

<script>
var d
function tick2(){
    $('#ticker_02 li:first').slideUp( function () {    
        $(this).appendTo($('#ticker_02')).slideDown(); });
}
d=setInterval(function(){ tick2 () }, 2000);


function stop1(){
    clearInterval(d);
}

function start1(){
    setInterval(function(){ tick2 () }, 2000);
}
</script>

【讨论】：

【解决方案3】：

function tick2(){
  $('#ticker_02 li:first').slideUp(
    function () {
      $(this).appendTo($('#ticker_02')).slideDown();
    }
  );
}

d=setInterval(function(){ tick2 () }, 5000);

function stop1(){
  clearInterval(d);
}
function start1(){
  d=setInterval(function(){ tick2 () }, 5000);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()" >
  <li>element1</li>
  <li>element2</li>
</ul>

【讨论】：