jQuery的延迟不工作

我的下一个DIV：jQuery的延迟不工作

<div id="atack"> 
    <h1>Example</h1> 
    <h2>Example</h2> 
</div>

的CSS是：

#ataque{ 
    -moz-border-radius: 10px; 
    border: solid thick; 
    display: none; 
    background: url('../images/check48.png') no-repeat 10px 10px; 
    background-color: #000000; 
    position: absolute; 
    width: 350px; 
    height: 100px; 
    top: 1cm ; 
    right: 1cm; 
    padding-top: 10px; 
}

，并按下运行按钮时，我想在5秒显示一个消息，我尝试使用jQuery，但没有工作...

的其他代码是：

<form method=GET> 
<input id="vm_action_btn" type=submit name=ataque value="Tipping Point" class="btn" /> 
<input type=hidden name=num_exec value=5 > 
</form> 

<script language="JavaScript"> 

$(function() {  
$("#vm_action_btn").bind('click', function() { 
     $('#atack').show().delay(5000).hide(); 
    }); 
}); 
</script>

我没有任何想法问题在哪里！谢谢！

来源

2011-12-26 gekon

您的意思是“但不起作用...”？ – Fenec 2011-12-26 15:45:50

这里既没有也没有，但是你所包含的CSS针对的是一个ID为“ataque”的元素，这个元素不会在你提供的任何其他代码中使用。要么是一个错字，要么应该从你的问题中删除。 – 2011-12-26 16:29:45

我犯了一个错误复制它。 CSS是好的。问题是GET方法，因为它重新加载页面，因此消息仅在加载时间内可见。 Thx – gekon 2011-12-27 10:36:19

好吧，我拥有它。

问题是表单将数据发送到服务器端并重新加载页面。请记住div“atack”在CSS显示中：没有，所以它被隐藏了。当我们显示或淡入，并且想要延迟其他效果时，它只有在页面加载（1秒？）之前才可见。

我们可以解决这个问题是这样的：

$(function() { 

$("#vm_action_btn").click(function() { 
    $.ajax({ 
    type: "POST", 
    url: "operations.php", 
    data: 'ataque=go', 
    success: function() { 
     $('#ataque').fadeIn(50).delay(3000).fadeOut(50); 
    } 
    }); 
    return false; 
    }); 
});

非常感谢您的帮助！

来源

2011-12-27 14:24:15 gekon

delay()仅适用于效果（fadeIn,fadeOut等）。它不适用于show()和hide()。如果你愿意的话，你总是可以快速地做出fadeOut(50)。

从jQuery的文档”

加入jQuery的1.4版本中，.delay（）方法允许我们推迟的跟在它后面的队列功能的执行，它可以用来用标准效果队列或自定义队列，只有队列中的后续事件被延迟;例如，这不会延迟延迟无参数形式的.show（）或.hide（），它不使用效果队列。

来源

2011-12-26 15:44:45 john

问题是get方法，因为它重新加载页面，所以消息只在加载时间内可见。如果我删除表单，它可以正常工作。 Thx !! – gekon 2011-12-27 09:21:17

那么你是说在表单提交之前它工作，而不是之后？如果是这样，只要将'bind'改为'on'或'live'即可。 – john 2011-12-27 11:29:48

给予.hide()一个持续时间，它将被添加到默认queue（这是你推迟的那个）。

// just add a 0-------------------v 
$('#atack').show().delay(5000).hide(0);

这是因为.delay()只延迟了一个队列中的下一个项目，也是唯一的项目，jQuery的队列自动为动画。

即使持续时间为0，jQuery也会将其视为动画，并将hide方法添加到默认队列中。

去手动队列函数，你传递一个函数给queue()方法。

$('#atack').show() 
      .delay(5000) 
      .queue(function() { 
       $(this).hide() 
         .dequeue(); 
      });

来源

2011-12-26 15:56:28

它不工作......我认为问题是GET方法重新加载页面，所以消息只在html加载时间内可见... Thx！ – gekon 2011-12-26 16:17:06

@gekon：你想*重新加载页面吗？如果没有，请将事件类型从'click'更改为'submit'，并添加'return false;'。 – 2011-12-26 16:35:09

是的，因为有PHP代码，已经发送和使用它的数据... – gekon 2011-12-27 09:41:52

jQuery的延迟不工作

回答

相关问题