IE混淆了触发div onclick事件

时间:2011-11-25 12:08:18

标签: javascript internet-explorer events javascript-events triggers

我在Page1,2,3,4,5之上有以下代码块来浏览5页。 在Chrome和Mozilla中一切正常。但是在IE中,当我想要导航到更大的页面时,它总是重定向到Page5。

“selected”类仅附加在相关页面div上。 “选定”类之后的div在IE中无法正常工作。

<div class='tabmenu'>
<div onclick="document.location='Page1.php'">Page1</div>
<div onclick="document.location='Page2.php'">Page2</div>
<div class="selected" onclick="document.location='Page3.php'">Page3</div>
<div onclick="document.location='Page4.php'">Page4</div>
<div onclick="document.location='Page5.php'">Page5</div>
</div>

的CSS:

.tabmenu {text-align: left; margin: 15px 0px 15px 0px;font: bold 12px sans-serif;border-bottom: 1px solid #ff6600;padding: 3px;}
.tabmenu div {display: inline;padding: 3px 5px;border: 1px solid #000;background-color: #ddddff;color: #333;margin-left: 5px;border-bottom: none;cursor: pointer;}
.tabmenu .selected {border:1px solid #ff6600;border-bottom: 1px solid #fff;background-color: #fff;color: #ff6600;position: relative;}

示例:

  • 在第1页上点击Page2 - &gt;导航到Page5(仅限IE)。
  • 在Page1上点击Page4 - &gt;导航到Page5(仅限IE)。
  • 在第3页上点击Page5 - &gt;导航到Page5(仅限IE)。
  • 在Page2上点击Page1 - &gt;导航到Page1(工作正常)。
  • 在第3页上点击Page2 - &gt;导航到Page2(工作正常)。
  • 在第5页上点击Page3 - &gt;导航到Page3(工作正常)。
我非常坚持这一点。任何想法为什么失败?感谢

1 个答案:

答案 0 :(得分:0)

我刚刚在IE 8中运行它并且工作正常。您使用的是哪个版本的IE?另外,请确保您在IE中启用了Javascript。