Question

我尝试了以下方式来显示Ajax加载器图像，直到页面加载到HTML object。但它对我不起作用。下面的代码有什么问题？代码执行所有操作，但不会在运行时显示Ajax加载程序映像。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>mouseover image position</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

    <style type="text/css">
    /*<![CDATA[*/
    body
    {
    background-color:#aaaaff;
    }
    #one
    {
    position:absolute;
    left:50%;
    top:50%;
    margin:-150px 0 0 -250px;
    }
    object
    {
    width:500px; 
    height:300px; 
    border:solid 1px #000000;
    }
    /*//]]>*/
    </style>

    <script type="text/javascript">
    //<![CDATA[
    // written by: Coothead
    function updateObjectIframe(which){
    document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
    }

    //]]>
    </script>
<script type="text/javascript">
$.ajaxStart(function(){
    $("#Layer10").show();
});
$.ajaxComplete(function(){
    $("#Layer10").hide();
});
</script>

    </head>
    <body>
    <div id="one">
    <object id="foo" name="foo" type="text/html" data="http://www.w3schools.com/">
    <div id="Layer10">
    <img id="loading-image" src="im/ajax-loader.gif" alt="Loading..." />  
    </div>
    </object>
    </div>
    <div>
    <a href="http://www.google.com" onclick="updateObjectIframe(this); return false;">this is an object test not an iframe test</a>
    </div>
    </body>
    </html>

Answer 1

我认为这是因为浏览器不会将对象标记视为AJAX请求。我不知道是否有办法达到你想要的目的。

Ajax页面加载器无法在HTML对象中工作

1 个答案: