jquery - 使用 jquery 淡出正文 iframe/对象

Question

我想在单击链接时淡出 iframe 内容，但我找不到方法！
这是我的代码不起作用：

<object type="text/html" data="page.html" id="framecontent" width="100%" height="100%"></object>

<script type="text/javascript">
$(document).ready(function() {
    $("#mylink a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("#framecontent").find("body").fadeOut('slow', redirectPage);
    });
    function redirectPage() {
        $("#framecontent").attr("data", linkLocation);
    }
});
</script>

Answer 1

fadeOut()似乎不起作用，<object>但如果你使用<iframe>它应该可以工作。

Answer 2

好吧，我将对象更改为 iFrame 并实现了代码以淡出 iFrame、更改页面并在加载后淡入 iFrame - 这就是您要找的吗？ http://jsfiddle.net/edapU/2

<iframe src="http://www.bing.com" id="framecontent" width="100%" height="500px"></iframe>
<div id="mylink">
    <a href="http://www.bing.com">Bing</a><br/>
    <a href="http://www.car.com">Car.com</a><br/>
    <a href="http://www.microsoft.com">Microsoft</a>
</div>
<script type="text/javascript">
$(document).ready(function() {
    $("#mylink a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("#framecontent").fadeOut('slow', redirectPage);
    });
    function redirectPage() {
        $("#framecontent").attr("src", linkLocation).load(function(){$(this).fadeIn('slow');});
    }
});
</script>