JQuery悬停意图:将“悬停时”转换为到“点击时”

发布于 2024-11-09 22:59:35 字数 630 浏览 2 评论 0原文

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

我该怎么做?我知道这是简单的 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});
}
  1. I'm using the Hoverintent JQuery plugin to make a DIV expand.
  2. Now I want it to work "on click" rather than "on hover"

How do I do this? I know this is simple simple JQuery, but my knowledge is lacking. Any help would be much appreciated. Here is the code:

$(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});
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

扎心 2024-11-16 22:59:35

要简单地在单击时执行 ExpandDiv 方法,您可以使用 jQuery 的 .click(),如下所示:

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

To simply execute that ExpandDiv method on click, you can use jQuery's .click() like this:

$(document).ready(function(){
    //Expand Div
    $("#expandbutton").click(ExpandDiv);
}); 
毁梦 2024-11-16 22:59:35

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

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

Call the function directly after passing your parameters to the click()

 $("#expandbutton").click({timeout: 100, out: DoNothing},
              ExpandDiv);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文