0

我在頁面1,2,3,4,5的頂部有下面的代碼塊來瀏覽5頁。 在Chrome和Mozilla中一切正常。但在IE瀏覽器中,當我想導航到更大的數字頁面時,它總是重定向到第5頁。關於觸發div onclick事件的IE瀏覽器感到困惑

「選定」類僅附加在相關頁面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頁 - >導航到第5頁(僅在IE)。
  • 在Page1上點擊Page4 - >導航到Page5(僅在IE中)。
  • 在頁面3上點擊Page5 - >導航到頁面5(僅在IE中)。
  • 在Page2上單擊Page1 - >導航到Page1(正常工作)。
  • 在頁面3上點擊Page2 - >導航到頁面2(正常工作)。
  • 在第5頁時點擊Page3 - >導航到第3頁(正常工作)。

Iam非常堅持這一點。任何想法爲什麼會失敗?謝謝

回答

0

我只是在IE 8中運行它,它工作正常。你使用的是什麼版本的IE?另外,讓你在IE中啓用Javascript。

+0

我編輯了我的第一篇文章。我剛剛發現它與「選擇」類有關。該課後的div在ie中無法正常工作。 – ripref