邊欄jquery和引導菜單中的奇怪懸停行爲

Question

我正在做一個基於Boostrap 3模板的大項目，該模板使用了大量的jQuery插件來滿足項目需求。一切進行得都很順利！

你可以看到3個項目樣本這裏網頁：

www.frontsite.com.br/saam2/index.php?_action=mapa

www.frontsite.com.br/saam2/index.php?_action=painel

www.frontsite.com.br/saam2/index.php?_action=arquivo

兩個頁面都具有 「左內容菜單/條」。它是一個可滾動的包含器div，其中包含嵌套項目ul和li的可摺疊列表，如您所見。

<div class="sidebar-operacional"> 
... 
    <div class="col-md-12 nav-hierarq" id="barra-lateral-operacional"> 

我的列表中的每個嵌套項顯示的小藍，紅，灰span按鈕的短名單，每一個與自身功能/動作。做得好！

的問題是 - 很奇怪： 在谷歌瀏覽器（我沒有對他人進行測試），當我的列表項中展開/打開（它顯示在右側的減號按鈕），當我將鼠標懸停在這些小跨度按鈕上，其邊緣變爲零，並將它們向左移動，並將其堆疊在一起。當我的列表項目被摺疊/關閉（它顯示右邊的加號按鈕），並且當我將鼠標懸停在這些相同的跨度按鈕上時，它的邊距將返回到它們原來的正確位置。它僅在有子女的li項目中發生。當您將鼠標懸停時，最深的li項目沒有相同的行爲：對所有人來說，這應該是正確的行爲！

奇怪，不是嗎？

我已經花了很多時間調查可能發生的事情了，沒有解決方案。所以如果有人能幫助我，我會很高興。

非常感謝。

添加於1月21：

我覺得這個形象可以說明exatlly what's /哪裏發生。 問題發生在小SPAN按鈕上：INFO，MAPA，ARQ，COMM。 您是否試圖通過鼠標懸停它，並看到它們automatcaly更接近旁邊的最近的SPAN按鈕？ 我認爲它的一些意想不到的CSS類覆蓋問題我找不到或找到！任何人都可以幫忙

Answer 1

經過深入調查，我發現問題發生的地方，但我還是不知道原因。

順便說一句，林張貼我解決在其他人的情況下，正面臨着這樣的問題。

我打電話一個自舉工具提示進入span標籤，像這樣：

<span class="label" data-rel="tooltip" data-placement="right" title="Gerenciar Item"> 
    <a class="btn" href="index.html">Ger</a> 
</span> 

當我移動的工具提示打電話給a標籤裏面，奇怪的錯誤採空。

<span class="label"> 
    <a class="btn" href="index.html" data-rel="tooltip" data-placement="right" title="Gerenciar Item">Ger</a> 
</span> 

但是這個解決方案並沒有讓我滿意！我真的很想知道在span標籤中加載錯誤的工具提示的原因。

因此，看着Bootstrap documentation，我發現了一種使用參數container來調用工具提示的方法，所以我猜。

我改寫了我的按鈕，這樣的事情（使用帕拉姆data-container="body"）：

<span class="label" data-rel="tooltip" data-container="body" data-placement="right" title="Gerenciar Item"> 
    <a class="btn" href="index.html">Ger</a> 
</span> 

我真的鴕鳥政策知道爲什麼，但是這是我得到的問題，這樣做一點修改我避免這個問題讓我發瘋。

感謝每個幫助我:)

所以，我希望也能幫助發佈此。

Answer 2

是我瘋了或者是你談論的是那些推按鈕左邊的scroll bar？

從我可以在這裏看到。滾動條.jspPane得到他width在JS計算

.jspVerticalBar有width8px的集CSS

最簡單的辦法是將2px添加到CSS .jspVerticalBar ..或者你可以檢查，看看爲什麼寬度.jspPane計算不正確