Question

我使用HTML，CSS和jQuery创建了一个小型的照片游览。它在Firefox和其他浏览器中运行良好，但在IE中有一些问题。

以下是我用来加载数据的代码：

function loadNode(nodeID){
jQuery('.churchViewError').hide('slow');
    jQuery(".churchViewLoading").show( 'fast');
    jQuery.get(cVBaseURL+"ajax/getNodeHTML.php?node="+nodeID, 
        function(data, status, XMLHTTPRequest){
            //someone suggested empty() might help in IE - won't fix it, though
            jQuery("#churchViewInner").empty(); 
            jQuery("#churchViewInner").html(data);
            jQuery(".churchViewLoading").hide('slow');
        }
        , 'html');

}

在firefox中，新内容（主要是几个img和a-Tags）正确显示，但IE只显示一个空div。使用

alert(jQuery("#churchViewInner").html());

在get-Method显示之后，即使在IE中，新内容似乎也存储在DOM中。看来IE不想实际加载/显示图像。（在IE 8中测试）

有没有人知道如何让它在IE中运行？

以下是原始版本：http://www.minis-friskus.de/churchview/（德语网站）点击红色按钮开始。

Answer 1

你的回复有一些IE可能不喜欢的额外结束标记，你的回答如下：

<div class="churchViewImage">           <img src="http://www.deviala.de/friskus/wp-content/plugins/friskusChurchView/img/nodes/IMG_0005.JPG">       </div>      <div class="arrow" style="left:282px; top: 348px; z-index: 3;">         <a href="#churchViewContainer" onclick="loadNode('2');">                <img src="http://www.deviala.de/friskus/wp-content/plugins/friskusChurchView/img/arrows/north.png">         </a>        </div>  </div></div>

注意最后的额外</div></div>，尝试删除它以获得有效标记，然后查看IE的用途。

jQuery使用IE获取Method问题

1 个答案: