【问题标题】:delay in jquery functionjquery函数延迟
【发布时间】:2011-10-07 16:38:06
【问题描述】:

我想延迟这个功能

jquery:

    function simple_tooltip(target_items, name){
        $(target_items).each(function(i){
            $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
            var my_tooltip = $("#"+name+i);

            $(this).removeAttr("title").mouseover(function(){
                    my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(1000);
            }).mousemove(function(kmouse){
                    my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
            }).mouseout(function(){
                    my_tooltip.fadeOut(10);
            });
        });
    }

    simple_tooltip("a.news_toltip","tooltip");

html:

&lt;a class="news_toltip" href="http://test.com" title="Title"&gt;Link&lt;/a&gt;

【问题讨论】:

标签: jquery function delay


【解决方案1】:

看看setTimeout()

var delay = 1000; // one second
setTimeout(function(){
    simple_tooltip("a.news_toltip","tooltip");
}, delay);

【讨论】:

【解决方案2】:

您可以将其用于您想要的任何功能:

setTimeout('simple_tooltip("a.news_toltip","tooltip")', delayTimeYouWant)

而 delayTimeYouWant 以毫秒为单位:(1000 表示 1 秒)

【讨论】:

    【解决方案3】:

    你看过Javascript的setTimeout吗?

    根据您要延迟的内容(这在您的问题中并不完全清楚),您可以将其放在特定的淡入/出调用或对工具提示函数本身的调用周围。

    setTimeout( function_name, timeout_in_ms );
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-29
      • 2013-02-07
      • 2011-06-24
      • 1970-01-01
      相关资源
      最近更新 更多