jQuery UI Slider在Opera中無法正常工作？

所以，我剛剛開始學習網絡設計，並且在1月份開始學習網頁設計，並且仍然在我的第一個網站上工作，但我遇到了用戶界面滑塊和Opera問題，我似乎無法弄清楚。jQuery UI Slider在Opera中無法正常工作？

無論何時點擊或更準確地按下UI手柄，出於某種原因，主窗口「largewindow」跳轉到「top：0」？

我有以下代碼：

<ul id="largewindow"> 
<li class="smallwindow"> 
    <ul class="first"> 
     <li class="logo"></li> 
      <li class="scrollerwindow"> 
       <dl class="docwindow"> 
        <dt class="somethingthumb1"><a href="/link/to/my/firstfile.html"></a></dt><dd>This is my first file</dd> 
        <dt class="somethingthumb2"><a href="/link/to/my/secondfile.html"></a></dt><dd>This is my second file</dd> 
       </dl> 
      </li> 
     <li class="sliderbg"></li> 
     <li id="slider1" class="slider"></li> 

    </ul> 
</li>

 
#largewindow {position: absolute; margin:0; padding:0; height: 6400px; width: 2250px; top:0; left:0; z-index:92} 
#largewindow > li{position:relative; float:left; height:500px; width:2250px; list-style:none;} 
.first {height:500px; width:750px; float: left;} 
.logo {position: relative; height:60px; width:410px; top:27px; left: 160px; z-index:103;} 
.docwindow {position: relative; height: 175px; width: 533px; top:-6px; left:0px; overflow: hidden;} 
.scrollerwindow {position:relative; height: 175px; width:537px; top: 56px; left:92px; z-index: 99;} 
.sliderbg {position:relative; top:54px; left: 80px; height:10px; width: 555px;} 
.slider {left:78px; top:40px; width: 506px; height: 10px; margin: 5px; position: relative; z-index:199;} 
.ui-slider-handle {width: 40px; height: 8px; position: absolute; top: 1px; border: none; outline:none; z-index:199;} 
.ui-slider-handle:hover {background: #someothercolor;}

我試圖從劇本切割一切只是這樣的：

 
$("#slider1").slider();

，它仍然是，斜面爲了我的生活，弄明白了。如果我將「largewindow」的位置設置爲fixed，它將解決Opera中的問題，但會在所有其他瀏覽器中創建一堆新的問題。我可以通過使用瀏覽器特定的CSS規則來解決問題，但由於我無法在網上找到關於這個問題的任何信息，我猜這只是我作爲一個新手而缺少一些簡單的東西。

我已上載這裏真正的生活中的例子：http://www.boatinfo.no/lib/library.html

？

來源

2011-03-29 Newbie

你的頁面中有更多jQuery嗎？ – 2011-03-29 09:40:21

是的，我嘗試過，但我已經嘗試刪除所有其他的JavaScript函數，即使只有UI滑塊處於活動狀態，它似乎也會發生，甚至沒有爲滑塊分配函數。我甚至試圖阻止默認的滑塊的mousedown功能，但沒有運氣:-( – Newbie 2011-03-29 10:03:05

我遇到同樣的問題。到目前爲止，我已經追蹤到這樣的事實：單擊滑塊句柄將焦點集中到作爲句柄的A元素，並且此操作導致Opera向上滾動元素。現在來預防這個，呃！

所以，我確認，給予重點在滾動區域的任何舊的鏈接似乎觸發鏈接元素的scrollIntoView（真）的行爲。然後，我將Opera升級到v11.10，並且這個bobo消失了。我以爲我太聰明瞭。

來源

2011-04-14 18:21:38

jQuery UI Slider在Opera中無法正常工作？

回答

相關問題