Javascript Iframe淡出/淡出

我试图使一个iframe淡出然后淡入，但我似乎无法得到正确的代码。我想我已经很接近了，但出于某种原因，代码的行为就好像我的jquery不在那里一样。有人能确定我哪里出错了吗

HTML

jQuery

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

$(document).ready(function () {
    $('div#menubar > a').click(function(){
        var iframeSrc = $(this).attr('href');
        $('#iframediv').fadeOut(1000,function(){
            $('#iframediv iframe').attr('src',iframeSrc);
            $('#iframediv').fadeIn(1000);
        });
        return false;
    });
});

</script>

$（文档）.ready（函数（）{
$（'div#menubar>a'）。单击（函数（）{
var iframeSrc=$（this.attr（'href'）；
$（'#iframediv'）.fadeOut（1000，function（）{
$（'iframediv iframe'）.attr（'src'，iframeSrc）；
$（'iframediv'）.fadeIn（1000）；
});
返回false；
});
});

这是因为对于浏览器来说，您的代码不在那里。您的代码需要位于单独的脚本标记中

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

$(document).ready(function () {
    $('div#menubar > a').click(function(){
        var iframeSrc = $(this).attr('href');
        $('#iframediv').fadeOut(1000,function(){
            $('#iframediv iframe').attr('src',iframeSrc);
            $('#iframediv').fadeIn(1000);
        });
        return false;
    });
});

</script>

$（文档）.ready（函数（）{
$（'div#menubar>a'）。单击（函数（）{
var iframeSrc=$（this.attr（'href'）；
$（'#iframediv'）.fadeOut（1000，function（）{
$（'iframediv iframe'）.attr（'src'，iframeSrc）；
$（'iframediv'）.fadeIn（1000）；
});
返回false；
});
});

这是因为对于浏览器来说，您的代码不在那里。您的代码需要位于单独的脚本标记中

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

$(document).ready(function () {
    $('div#menubar > a').click(function(){
        var iframeSrc = $(this).attr('href');
        $('#iframediv').fadeOut(1000,function(){
            $('#iframediv iframe').attr('src',iframeSrc);
            $('#iframediv').fadeIn(1000);
        });
        return false;
    });
});

</script>

$（文档）.ready（函数（）{
$（'div#menubar>a'）。单击（函数（）{
var iframeSrc=$（this.attr（'href'）；
$（'#iframediv'）.fadeOut（1000，function（）{
$（'iframediv iframe'）.attr（'src'，iframeSrc）；
$（'iframediv'）.fadeIn（1000）；
});
返回false；
});
});

我刚刚意识到，这在firefox中非常有效，但在IE中却不行。有什么解决方案吗？这可能是一个完全不同的问题。IE很可能忽略了iframe上的不透明度。我刚刚意识到这在firefox中非常有效，但在IE中却不行。有什么解决方案吗？这可能是一个完全不同的问题。IE很可能忽略了iframe上的不透明度。

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

$(document).ready(function () {
    $('div#menubar > a').click(function(){
        var iframeSrc = $(this).attr('href');
        $('#iframediv').fadeOut(1000,function(){
            $('#iframediv iframe').attr('src',iframeSrc);
            $('#iframediv').fadeIn(1000);
        });
        return false;
    });
});

</script>