Question

全部，我有以下代码：

$( "#searchForm" ).submit(function( event ) {
    // Stop form from submitting normally
    event.preventDefault();
      // Get some values from elements on the page:
      var $form = $( this ),
        term = $form.find( "input[name='s']" ).val(),
        url = $form.attr( "action" );
      // Send the data using post
      var posting = $.post( url, $( "#searchForm" ).serialize() );
      // Put the results in a div
      posting.done(function( data ) {
        $( "#updated_status" ).html(data);
      });
    });

我想淡出刚刚发布到updated_status div的数据。我试着这样做：

$( "#searchForm" ).submit(function( event ) {
    // Stop form from submitting normally
    event.preventDefault();
      // Get some values from elements on the page:
      var $form = $( this ),
        term = $form.find( "input[name='s']" ).val(),
        url = $form.attr( "action" );
      // Send the data using post
      var posting = $.post( url, $( "#searchForm" ).serialize() );
      // Put the results in a div
      posting.done(function( data ) {
        $( "#updated_status" ).html(data).fadeout(2000);
      });
    });

但是那段时间之后，新文本并没有淡出。我怎么能这样做？

Answer 1

这可能只是一个案例问题，而您需要fadeOut(2000)吗？

Answer 2

fadeout中存在案例问题，应该是fadeOut。但是如果你想在2秒后fadeOut使用.delay()，那么只要内容显示就会开始淡出

$("#updated_status").html(data).delay(2000).fadeOut(500);

演示：Fiddle

刚刚加载的淡出内容AJAX

2 个答案: