如何使用jQuery UI上一个下一个图像按钮？

Question

我使用过JQuery日历控件，它在标题上有前面的下一个按钮。它们也有徘徊效应。我想使用相同的功能（上一页，下一页按钮，悬停和点击支持），并添加我的滑块控件的图像按钮，该按钮存在于页面的另一部分。

我尝试从firebug复制HTML，但它不会产生悬停效果。你能说明一下那些Prev，Next按钮吗？我将自定义代码挂钩到他们的click事件。但我想使用图像和悬停，因为它是用于压光控制。

Answer 1

您必须使用相同的css类并添加一个用于“悬停”类的mouseenter / mouseleave事件侦听器。 请注意，jQuery中使用的“悬停”类技术在某些情况下会导致“粘滞”的悬停状态，如果是这样，请在click事件后使用.blur（）。

Answer 2

您需要jQuery UI Button。

$("#previous").button({
    icons: {
        primary: "ui-icon-triangle-1-w"
    }
});
$("#next").button({
    icons: {
        primary: "ui-icon-triangle-1-e"
    }
});