Question

尝试在chrome中运行淡入/隐藏工作，在Chrome中运行此代码时会冻结浏览器，但它可以在IE10和Firefox中运行，基本上是一个简单的div滚动屏幕并逐渐消失，任何帮助都将不胜感激。此外，div在动画之后快速回到原来的位置，因此为什么我渐渐淡出（也看起来更干净）。

jQuery.noConflict();
jQuery('.dildobox').click(function () {

var v = document.getElementsByTagName("audio")[0];
v.play();

jQuery("div.dildobox").html('<img src="images/dildo/standstillhop.gif" alt="" />');
jQuery(this).animate({
    left: '-700px',
}, 3000);

jQuery("div#dildodialog").fadeIn(1500).dialog({
    buttons: {
        "Yeah, Baby!": function () {
            jQuery("div#dildodialog").dialog("close");
        }
    }
}).prev().find(".ui-dialog-titlebar-close").hide();

jQuery("div.dildobox").fadeOut(500);


});

css如下：

#dildocache{height:1px;width:1px;display:inline-block;}
#dildocontainer {height: 10px;margin: 0;padding: 0;position: relative;width: 10px;}
.dildo{display:inline-block;height: 50px;width: 50px;position:absolute;}
.dildobox {
font-size: 50px;
height: 71px;
position: relative;
text-align: center;
width: 34px;
}
#dildodialog{font-weight: bold;text-align:center;background: url("../images/dildobg.png") repeat scroll 50% top #f8f8f8;color:#000;}
.ui-dialog-buttonset .ui-button-text-only, .ui-widget-header{background: none repeat-x scroll 50% 50% #ad0401!important; color:#fff;}
.ui-dialog-buttonpane{background: none repeat scroll 50% 50% #ad0401!important;}

/* Dildo Page Specific Placements */
.moduletablewelcomedildo #dildocontainer{left: 275px;top: -30px;}

和HTML：

<div id="dildocache">
<img src="images/dildo/standstillhop.gif" alt="standstillhop" width="1" height="1" style="visibility:hidden;"/></div>
<div id="dildodialog" title="Where's Dildo?" style="display:none;">
<p>Congratulations! You've found one but there's more to find!<br/>Keep poking around!</p>
</div>
<div id="dildocontainer">
<div id="dildobox2" class="dildobox"><img src="images/dildo/smalldildo.png" alt="" /></div>
</div>
<audio src="http://www.accentuateit.com.au/addon_domains/allowe/images/dildo/yeahbaby.ogg"></audio>

Answer 1

好吧我设法通过删除有问题的HIDE和FADEOUT变体并简单地使用不透明度来修复它：0，作为动画的一个选项，这也让我在动画运动的过程中逐渐消失，这很好:)如果你想要看到结果：jsfiddle.net/Eb3Q8/7不知道为什么它在我的网站上崩溃而不是在JSFiddle上，但不管怎样都修复了：）

FadeOut并隐藏Crashing Chrome

1 个答案: