使用jquery懸停定位工具

在一個包含n個相同類的div的頁面中，當光標懸停在某個元素上時，我想讓按鈕相對於某個元素出現。這段代碼不起作用 - 現在，結果是當任何元素被徘徊時，帶有工具的隱藏div被顯示和隱藏，但它永遠不會移動。在Chrome中執行時，我沒有在Google控制檯中看到錯誤。使用jquery懸停定位工具

我有兩個問題：

爲什麼不工作我的立場聲明？
當光標前往它們時保持工具的最佳方式是什麼，因爲那將在原始元素之外，因此會觸發隱藏。

這種簡化的HTML如下：最後div有位置是：絕對的CSS：

<div class="product"></div> 
<div class="product"></div> 
<div class="product"></div> 
<div class="product"></div> 

<div id="product-tool"></div>

這個函數被調用的文件準備：

function ProductToolHover() { 
    $('.product').hover(function() { 
     var product = $(this); 
     $('#product-tool').position({of: product, my: 'left top', at: 'right center'}); 
     $('#product-tool').show(); 
    }, 
    function() { 
     $('#product-tool').hide(); 
    }) 
}

預先感謝您對此有任何幫助。

來源

2010-03-02 Jim Blake

。產品工具應該可能是一個ID選擇器，而不是類 – mkoryak 2010-03-02 18:25:31

@mkoryak - 同意 - 我改變了職位，以反映這一點。 – 2010-03-02 18:28:42

編輯：沒有工具提示不會做，因爲你需要點擊工具。

我將它從下拉更換插件，建模，例如： http://www.scottdarby.com/plugins/stylish-select/0.4/

需要那麼它就向下懸停，而不是點擊去改變它。

此外，還有更好的下拉更換插件那裏，這只是我發現的第一個。編號環顧一下，並選擇一個好的修改

來源

2010-03-02 18:20:08 mkoryak

正是我在想:) – 2010-03-02 18:24:35

@mkoryak - 感謝您的建議 - 我發現了一些工具提示實現，包括允許與提示進行交互的jQuery工具，以便它可以包含按鈕。 – 2010-03-07 18:20:46

使用jquery懸停定位工具

回答

相關問題