gpt4 book ai didi

javascript - 我的页面在 IE 中不显示,但在 Chrome 和 Firefox 中显示?

转载 作者:行者123 更新时间:2023-11-30 13:37:23 25 4
gpt4 key购买 nike

我有下面的 html 应该创建一个飞出菜单。在 Chrome 和 FF 中,它按预期工作。不幸的是,在 IE8 中,我得到的只是一个小白框,而在 IE9 中,它什么也没做。我使用了开发人员工具 (F12) 并监控了显示以下成功的网络 GET --> /icenter/config/wwcMenuContent.html GET 304 text/html 473 B 109 ms JS Library XMLHttpRequest 156 0 109 0 0 47

有人帮我吗?

菜单控件

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fg.menu.js"></script>

<link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet"/>
<link type="text/css" href="theme/ui.all.css" media="screen" rel="stylesheet"/>

<!-- style exceptions for IE 6 -->
<!--[if IE 6]>
<style type="text/css">
.fg-menu-ipod .fg-menu li { width: 95%; }
.fg-menu-ipod .ui-widget-content { border:0; }
</style>
<![endif]-->

<script type="text/javascript">
$(function(){
// or from an external source
$.get('wwcMenuContent.html', function(data){ // grab content from another page
$('#hierarchy').menu({
autoShow: true, //SSLOAN set to auto show
content: data,
backLink: false,
crumbDefaultText: ' '
});
});
});
</script>
</head>
<body>
<!-- We override there stylesheet here so the div doesn't appear to the eye -->
<div id="hierarchy" style="border:solid 1px white; width:0px;"><img style="width:15px; height:10px; vertical-align:top; border:none;" alt=" " src="data:image/gif;base64,R0lGODlhAQABAJH/AP///wAAAMDAwAAAACH5BAEAAAIALAAAAAABAAEAQAICVAEAOw=="/></div>
</body>

菜单内容

<ul>
<li><a href="#">AODA/MH Center</a>
<ul>
<li><a href="http://wwcshare/icenter/SitePages/AODA%20Information.aspx">AODA Information</a></li>
<li><a href="http://wwcshare/icenter/SitePages/Community%20Resources.aspx">Community Resources</a></li>
<li><a href="http://wwcshare/icenter/SitePages/Consultant%20Schedules.aspx">Consultant Schedules</a>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Chuck_norris">Chuck Norris</a></li>
<li><a href="http://en.wikipedia.org/wiki/Darth_vader">Darth Vader</a></li>
<li><a href="http://en.wikipedia.org/wiki/Jackie_chan">Jackie Chan</a></li>
<li><a href="http://en.wikipedia.org/wiki/Steve_jobs">Steve Jobs</a></li>
</ul>
</li>
<li><a href="http://wwcshare/icenter/SitePages/Guidelines,%20Policies%20and%20Service%20Expectations.aspx">Guidelines, Policies, and Service Expectations</a></li>
<li><a href="http://wwcshare/icenter/SitePages/Mental%20Health%20Information.aspx">Mental Health Information</a></li>
<li><a href="http://wwcshare/icenter/SitePages/Tools%20and%20Forms.aspx">Tools and Forms</a></li>
<li><a href="http://wwcshare/icenter/SitePages/Topics,%20Schedules%20and%20Sign-Up%20Sheets.aspx">Topis, Schedules, and Sign-Up Sheets</a></li>
</ul>
</li>
<li><a href="#">Case Management Center</a></li>
<li><a href="#">Forms Center</a></li>
<li><a href="#">Functional Screen Center</a></li>
<li><a href="#">MCO Benefit Package Center</a></li>
<li><a href="#">Self-Directed Supports Center</a></li>
<li><a href="#">Social Service Specialist Center<a></li>
</ul>

天哪,您不是在开玩笑 IE 很挑剔。我的最后<a></a>缺少 / .这导致整个页面无法显示。谢谢。

最佳答案

您的帖子中是否缺少最后一行,或者您实际上有结尾 </ul>丢失的。如果是这样,那就行了。

对于通过 AJAX 方法传入的代码的正确有效性,IE 比其他浏览器更加挑剔。始终确保它完全有效,否则 IE 将什么都不做。

关于javascript - 我的页面在 IE 中不显示,但在 Chrome 和 Firefox 中显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4257380/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com