JQuery hoverintent：将“悬停”转换为“点击”答案

【问题标题】：JQuery hoverintent: convert "on hover" to "on click"JQuery hoverintent：将“悬停”转换为“点击”
【发布时间】：2011-05-27 13:28:55
【问题描述】：

我正在使用Hoverintent JQuery 插件来扩展 DIV。
现在我希望它在“点击时”而不是“悬停时”工作

我该怎么做？我知道这是简单的 JQuery，但我缺乏知识。任何帮助将非常感激。代码如下：

$(document).ready(function(){
    //Expand Div
    $("#expandbutton").click({
        over: ExpandDiv, 
        timeout: 100, 
        out: DoNothing
    });
}); 


function ExpandDiv(){  
    $("#expander").animate({"height":200},400, "easeOutSine");
    $("#expandbutton").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
}

【问题讨论】：

标签： jquery css html hoverintent

【解决方案1】：

要在点击时简单地执行 ExpandDiv 方法，您可以像这样使用 jQuery 的 .click()：

$(document).ready(function(){
    //Expand Div
    $("#expandbutton").click(ExpandDiv);
});

【讨论】：

【解决方案2】：

将参数传递给click()后直接调用函数

 $("#expandbutton").click({timeout: 100, out: DoNothing},
              ExpandDiv);

【讨论】：

谢谢 Vash 抱歉 Dave 打败了你 :)