Question

我正在使用此tabSlideOut插件，可以看到here。它会创建一个由制表符句柄触发的滑块。

它按预期工作，但我希望当你悬停标签并点击滑块时滑出 - 而不仅仅是手柄。

在插件中有一个名为slideIn（）的函数，但是当我尝试调用它时，我收到一个错误 - 可能是因为它超出了范围。

这是我要添加的代码：

$('#contactContainer').click(function () {
        if (!$(this).hasClass("open")) {
            //slideIn()
        }
});

我创建了一个fiddle here。我该如何解决这个问题？

Answer 1

您可以在点击事件中模仿句柄上的click。像这样：

$('#contactContainer').click(function () {
        if (!$(this).hasClass("open")) {
            $("#contactTab").click();
        }
});

我认为这就是你要找的东西（？）

Updated fiddle

Answer 2

首先，它的jsBin不是小提琴;）

为什么你不像这样设置悬停动作：

action: 'hover',

我不明白你为什么要点击呢？因为它甚至可以点击它之前就会消失？

Answer 3

我添加了这段代码，似乎有效：

$('#contactContainer').click(function () {
     if (!$(this).hasClass("open") && !$(this).is(":animated")) {
         $("#contactTab").click();
     }
});

:animated部分成功了。

tabSlideOut - 触发点击

3 个答案: