Jquery $(窗口)内的代码。IE8中未应用加载

Jquery $(窗口)内的代码。IE8中未应用加载,jquery,internet-explorer-8,Jquery,Internet Explorer 8,下面的代码在我的网页的标题部分。它引用的标记(#dms菜单和#dms子菜单)的HTML位于外部文件中,该文件在页面加载时动态加载。问题具体在IE8中(在Chrome和Safari中一切都很好)。当页面加载时,它将进入函数,但不执行其中包含的代码。该代码更改主菜单栏的背景颜色和文本颜色,并应显示子菜单。任何帮助都将不胜感激 $(window).load(function() { $("#dmsmenu").css('background', '#FFFFFF'); $("#dmsmenu").cs

下面的代码在我的网页的标题部分。它引用的标记(#dms菜单和#dms子菜单)的HTML位于外部文件中,该文件在页面加载时动态加载。问题具体在IE8中(在Chrome和Safari中一切都很好)。当页面加载时,它将进入函数,但不执行其中包含的代码。该代码更改主菜单栏的背景颜色和文本颜色,并应显示子菜单。任何帮助都将不胜感激

$(window).load(function() {
$("#dmsmenu").css('background', '#FFFFFF');
$("#dmsmenu").css('color', '#DF7401');
$("#dmssubmenu").appendTo('#dmssubmenu');          
$("#dmssubmenu").show();
}); 
HTML


文本HTML 菜单栏索引分区

<div class="topgradientblueline">

<div id="wrapper">
    <div id="menuspacer">
        &nbsp;
    </div>
    <div id="dmsmenu" style="font-family:Sans-Serif; font-size:small; text-   decoration:none ">
        <a href="document_management_solutions.html">Document Management Solutions</a>
    </div>
    <div id="lsTMFmenu" style="font-family:Sans-Serif; font-size:small; ">
        <a href="TMF_solutions.html">Life Science TMF Solutions</a>
    </div>
    <div id="lssampmenu" style="font-family:Sans-Serif; font-size:small; ">
        <a href="lss_solutions.html">Life Science Sampling Solutions</a>
    </div>
    <div id="drsmenu" style="font-family:Sans-Serif; font-size:small; ">
        <a href="about_drs.html">About DRS</a>
    </div>

</div>                

</div>     

文本HTML 梅努巴鲁分区

<div style="height:50px; width:950px;">
<div id="dmssubmenu" style="display: none">
    <span class="menu2ndlevel"><a id="dmprofsvc" href="" style="text-decoration:none">Professional Services</a></span>
    <span class="menu2ndlevelorangeline">|</span> 
    <span class="menu2ndlevel"><a id="dmdocimgproc" href="#" style="text-decoration:none">Document/Image Processing</a></span>
    <span class="menu2ndlevelorangeline">|</span> 
    <span class="menu2ndlevel"><a id="dmworkflow" href="#" style="text-decoration:none">Workflow</a></span>
    <span class="menu2ndlevelorangeline">|</span> 
    <span class="menu2ndlevel"><a id="dmsoftware" href="#" style="text-decoration:none">Software Solutions</a></span>
    <span class="menu2ndlevelorangeline">|</span> 
    <span class="menu2ndlevel"><a id="dmdocretieval" href="#" style="text-decoration:none">Document Retrieval</a></span> 
</div>
</div>

| 
| 
| 
| 

ie加载整个页面可能需要更长的时间。。。试着再等一会儿,或者更常用的做法是使用

$(document).ready(function(){ ... });
因为这将在准备好使用和访问HTMLDOM时执行

根据SpYk3HH的建议,另一个选项是

$(function() { ... });

在哪个版本的jQuery中?uhm的可能副本。。。。这有什么用<代码>$(“#DMS子菜单”)。附加到(“#DMS子菜单”)
你怎么可能在自己身上附加一些东西呢?和
$(function(){
一样,我已经尝试了document.ready。这使得它在Chrome中也不起作用。然后你的代码出现了问题。我90%的编码都是在Chrome中完成的,我主要使用
$(document)。ready()
@Phil然后你又做错了什么。没有理由
$(文档)。ready
不起作用。现在,你说了一些关于动态加载的东西。如果是这样,你需要从服务器或通过ajax加载这些元素。如果有事件要分配,那么你可以使用
$(文档)。on('event'、'#elementID',function(e){callback})
我怀疑是因为您的菜单正在动态加载,而且由于不同浏览器处理事件的方式,在代码执行时您的菜单没有加载。您有任何控制台错误吗?(f12)
$(function() { ... });