Question

这段代码在IE中淡化了div。在Firefox 3.0.8中，淡入淡出时间过去，div立即消失。我找不到任何人提到这个问题。

   $(function() {
            $("#show").click(function() {
                $("#show").fadeOut('slow');
            });
        });


<div id="show">this is where to show it</div>

Answer 1

我整个早上一直在反对这个问题，终于找到了我的问题...... 标题为“Scripts / jquery-1.3.2-vsdoc.js”

/*
 * This file has been commented to support Visual Studio Intellisense.
 * You should not use this file at runtime inside the browser--it is only
 * intended to be used only for design-time IntelliSense.  Please use the
 * standard jQuery library for all production use.
 *
 * Comment version: 1.3.2a
 */

当他们说“你不应该在浏览器中运行时使用这个文件”他们肯定是这么说的......

所以请确保您使用的是非-vsdoc版本的jquery和jquery-min

Answer 2

感谢您的帮助。

我发现了问题。我的例子不完整。我还为jQuery VS intellisense包含了jquery-vsdoc.js。解决这个问题使它成功。

我将这个技巧用于未来的读者

<%if (false) { %>
<script src="common/jquery-vsdoc.js" type="text/javascript"></script>
<% } %>

奇怪。

Answer 3

它适用于Firefox 3.0.8和Windows XP。

Here is the sample page I tested it on.

Answer 4

为我工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>

<script type="text/javascript">
 $(function() {
            $("#show").click(function() {
                $("#show").fadeOut('slow');
            });
        });
</script>
   <div id="show">this is where to show it</div>

Answer 5

我在这周围敲打着很长一段时间。我的代码甚至与任何jquery-vsdoc.js都没有任何关系。

解决方案：只需关闭浏览器，重新打开它，再次加载页面。

不确定为什么它不起作用。

不要像我一样让自己发疯！

Answer 6

我的问题是我先尝试用CSS做动画，然后把它留在jQuery中造成问题。

    transition:.5s linear;

Answer 7

你必须在其中放置event.preventDefault（）以使其工作。

$(function() {
     $("#show").click(function(event) {
        event.preventDefault();
        $("#show").fadeOut('slow');
     });
 });


<div id="show">this is where to show it</div>

jquery淡化效果在FF中不起作用

7 个答案: