这段代码在 IE 中淡化了 div。在 Firefox 3.0.8 中,淡出时间过去了,div 立即消失。我找不到任何人提到这个问题。
$(function() {
$("#show").click(function() {
$("#show").fadeOut('slow');
});
});
<div id="show">this is where to show it</div>
我整个早上都在努力解决这个问题,终于找到了我的问题……“Scripts/jquery-1.3.2-vsdoc.js”的标题
/* * 此文件已被注释为支持 Visual Studio Intellisense。 * 你不应该在运行时在浏览器中使用这个文件——它只是 * 仅用于设计时 IntelliSense。请使用 * 用于所有生产用途的标准 jQuery 库。 * * 评论版本:1.3.2a */
当他们说“你不应该在浏览器中运行时使用这个文件”时,他们肯定是认真的......
所以请确保您使用的是非 -vsdoc 版本的 jquery 和 jquery-min
谢谢您的帮助。
我发现了问题。我的例子并不完整。我还包括jquery-vsdoc.js
jQuery VS intellisense。把它拿出来让它工作。
我为未来的读者使用了这个技巧
<%if (false) { %>
<script src="common/jquery-vsdoc.js" type="text/javascript"></script>
<% } %>
奇怪。
它适用于 Firefox 3.0.8 和 Windows XP。
也为我工作
<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>
我在这个问题上纠结了很长时间。我的代码甚至与任何 jquery-vsdoc.js 都没有任何关系。
解决方案:关闭浏览器,重新打开,重新加载页面。
不知道为什么它不起作用。
不要像我一样让自己发疯!
我的问题是,我尝试先在 CSS 中制作动画,然后在 jQuery 中导致出现问题。
transition:.5s linear;
您必须将 event.preventDefault() 放在那里才能使其工作。
$(function() {
$("#show").click(function(event) {
event.preventDefault();
$("#show").fadeOut('slow');
});
});
<div id="show">this is where to show it</div>