1

我创建了一个 menuItems 数组并将其分配给一个 id 为“leftMenu”的 div。

我有一个动态生成的 UL（用户列表）和 LI，它附加到 div。

我在动态生成的 LI 中设置了两个属性“onmouseover”和“onmouseout”。

这两个属性在 IE7 中不起作用，但在 IE8、IE9、Firefox、Safari 和 Chrome 中可以正常工作。

CSS： 



    ul{margin:0px; padding:0px; width:200px;}
    li{list-style-type:none;}

    .defaultsMenuBtn {
    background-color: #FEE6A0;
    border-bottom: 1px solid #FFFFFF;
    color: #002C84;
    font-weight: bold;
    padding: 3px 5px;
    }

    a{text-decoration:none;}

    .defaultsMenuBtn_hover{background-color: #FFD14F; padding: 3px 5px; border-bottom: 1px solid #FFFFFF;font-weight:bold; color: #002C84; cursor:pointer;}

HTML 



    <div id="leftMenu">  </div>

Javascript 



    var menuItems=new Array();
    menuItems[0]="menu01";
    menuItems[1]="menu02";
    menuItems[2]="menu03";
    menuItems[3]="menu04"; 

    var menulength = menuItems.length;
    var MenuWapper = document.getElementById("leftMenu");
    var ul = document.createElement("ul");

    MenuWapper.appendChild(ul);

    for(i=0; i<menulength; i++){
    var li = document.createElement("li");
    var itemID = "item_"+i
    li.className = "defaultsMenuBtn";
    li.id = itemID
    var browser = navigator.appName;

    li.setAttribute("onmouseover","this.className='defaultsMenuBtn_hover'");
    li.setAttribute("onmouseout", "this.className='defaultsMenuBtn'");
    li.innerHTML = " "+menuItems[i]+"";
    ul.appendChild(li);

    }// end forloop

如果需要更多信息，请告诉我！

4

3 回答 3

0

这是因为在 IE7 中，DOM 对动态添加的元素有限制。

您必须在jQuery中使用live()or方法。delegate()

于 2012-09-06T07:33:49.547 回答
0

I’m not 100% sure why it doesn’t work in IE7, but I don’t think .setAttribute('event','fn') is supported in IE7-. You should probably replace:

li.setAttribute("onmouseover","this.className='defaultsMenuBtn_hover'");
li.setAttribute("onmouseout", "this.className='defaultsMenuBtn'");

With

li.onmouseover = function() {
    li.className='defaultsMenuBtn_hover';
}

li.onmouseout = function() {
    li.className='defaultsMenuBtn';
}

Setting inline attributes is not a good way to add listeners anyway, it’s better done in javascript.

于 2012-09-06T07:28:03.870 回答
0

谢谢大卫

在这里，我对代码进行了一些更改

li.className='defaultsMenuBtn_hover';
li.className='defaultsMenuBtn

至

this.className='defaultsMenuBtn_hover';
this.className='defaultsMenuBtn

现在它工作正常。

于 2012-09-12T11:21:23.827 回答