Question

在具有相同类的n个div的页面中，我希望当光标悬停在元素上时，按钮会出现相对于元素的按钮。此代码不起作用 - 现在，结果是当任何元素悬停时，显示并隐藏带有工具的隐藏div，但它永远不会移动。我在Chrome控制台中执行错误时没有收到错误。

我有两个问题：

为什么我的立场声明不起作用？
当光标移动时保持工具的最佳方法是什么，因为它会在原始元素之外，因此会触发隐藏。

这个简化的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();
    })
}

提前感谢您提供任何帮助。

Answer 1

编辑：没有工具提示，因为您需要点击工具。

我会从下拉替换插件中对其进行建模，例如： http://www.scottdarby.com/plugins/stylish-select/0.4/

您需要更改它，以便在悬停时降低而不是单击。

另外，有更好的下拉替换插件，这是我发现的第一个。我会环顾四周并选择一个好的修改

使用Jquery在悬停上定位工具

1 个答案: