Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

jquery在标题部分。下面的脚本就在正文部分的末尾。

fadeIn和fadeOut函数用于缩略图，触发事件的按钮是缩略图div的一部分。这就是fade和fade2 id的原因。

$('#fade').click(function() {
                  $('#t1').css('visibility','hidden').hide().fadeOut('slow', function(){
                  $('#t11').css('visibility','visible').hide().fadeIn();
                  });

                });
          $('#fade2').click(function() {
                  $('#t11').css('visibility','hidden').hide().fadeOut('slow', function() {
                  $('#t1').css('visibility','visible').hide().fadeIn();
                  });

                });

问题：这在localhost上运行得很好但是当我在dreamhost上传文件时，这个特殊的功能不起作用。我有其他jQuery函数可以正常工作。我使用firebug进行了调试，没有看到加载错误或任何其他错误。

我在这里缺少什么？

由于

d

Answer 1

尝试这样的事情。

$('#fade').click(function() {
    $('#t1').fadeOut('slow', function(){ //First do the animation of FadeOut
        $('#t11').fadeIn(); // when done, fadeIn the other element
    });

});
$('#fade2').click(function() { //Backwards
    $('#t11').fadeOut('slow', function() {
        $('#t1').fadeIn();
    });

});

jquery fadein和fadeout在localhost上运行正常但在web服务器上运行不正常

1 个答案: