jQuery-fadeIn不能仅在Firefox中工作

jQuery - fadeIn not working only in Firefox

本文关键字：工作 Firefox 不能 jQuery-fadeIn      更新时间：2023-09-26

我正在编写一个脚本，该脚本在一段时间后隐藏并显示一些div。

这是我完整的jQuery代码：

    <script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function($){     
        $("#SuperWebF1").click(function(){
        if ($('[name="shipping_method"]', window.parent.document).is(':checked')){
        billing.save();     
        $("#LoadingDiv", window.parent.document).show().delay(4300).fadeOut();
        $("#OutDiv", window.parent.document).hide().delay(5000).fadeIn();
        $('#OutDiv', window.parent.document).removeClass('outerdiv');
        $('#OutDiv', window.parent.document).removeClass('outerdivNoAdress');
        setTimeout(function() {
        if( $('#DisplayMe').length ){
           $('#OutDiv', window.parent.document).addClass('OuterDiv1000');
        } else {
           $('#OutDiv', window.parent.document).addClass('OuterDiv1000No');
        }
        }, 5100);

        $('#InnerIframe', window.parent.document).removeClass('FrameCSS');
        $('#InnerIframe', window.parent.document).removeClass('FrameCSSNoAdress');
        $('#InnerIframe', window.parent.document).addClass('FrameCSS1000');
    }else {
    alert('Моля, изберете начин на доставка!');
    }   
        })
    });
    </script>

问题就在这一行：

        $("#OutDiv", window.parent.document).hide().delay(5000).fadeIn();

在它用上面的一行代码隐藏div之后，这行代码似乎没有显示回#OutDiv元素。

我可以确认，我只有Firefox Mozilla才有这个问题。在Windows和Linux上的Firefox上进行了测试，在这两个地方我都有这个问题。这两个浏览器都是最新的。

你有什么建议吗？

尝试使用此

window.parent.$(elementid));
相关文章：