JQuery hoverintent:将“on hover”转换为“on click”

时间:2011-05-27 13:28:55

标签: jquery css html hoverintent

  1. 我正在使用Hoverintent JQuery插件来扩展DIV。
  2. 现在我希望它能够“点击”而不是“悬停
  3. 我该怎么做?我知道这是简单的简单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});
    }
    

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

将参数传递给click()

后直接调用该函数
 $("#expandbutton").click({timeout: 100, out: DoNothing},
              ExpandDiv);