Question

我遇到了使用fadeIn来处理我的jquery的问题。希望有人可以提供帮助。基本上，我有一个按钮，我点击我的页面，基本上将拉入下一组结果（下面的代码）。当结果返回到屏幕时，我想添加淡入淡出效果，但是我做错了。以下是我尝试的示例，但无效。

示例1

var number = 0;
$(function(){
  $('#showMore').click(function(event) {
     event.preventDefault();
    number++;

    $.ajax({
       type: "POST",
       url: "/getnext.php",
       data: {"count":number},

       success: function(results){
        $('#results').html(results);
        $('#results').fadeIn()


       }
     });

  });

});

示例2

var number = 0;
$(function(){
  $('#showMore').click(function(event) {
     event.preventDefault();
    number++;

    $.ajax({
       type: "POST",
       url: "/getnext.php",
       data: {"count":number},

       success: function(results){
        $('#results').fadeIn().html(results);


       }
     });

  });

});

有关为什么这不起作用的任何想法？

Answer 1

首先确保有回复：

$('#results').html(results).hide().fadeIn();

Answer 2

一个。 Wolff是正确的，必须隐藏元素才能在其上使用.fidein（）。第一个例子也缺少“;” .fadein函数末尾的分号。

jquery fadein效果不起作用onclick

2 个答案: