jquery - 如何在 jQuery 日历中延迟执行

Question

我想在鼠标悬停时延迟执行。

这是我到目前为止所拥有的

eventMouseover : function(calEvent, $event) {
    var $dialogContent = $("#event_show");
    resetForm($dialogContent);
    $($dialogContent).dialog({
        modal:true, 
        title: "Details of "+calEvent.title,
        body: "Name of Patitent",
        buttons : {
            cancel : function() {
                $dialogContent.dialog("destroy");
                $dialogContent.hide();
            }
        }
    }).show();

},

当用户在执行后指向几秒钟时，我该如何延迟。

Answer 1

延迟事件动作的一种简单方法是：

var timeout;
$('#example').click(function(){
  clearTimeout(timeout);
  timeout = setTimeout(function(){
    // your jQuery magic
  }, 200);
});

在本例中，您的 jQuery 魔术将在200 毫秒内执行。

Answer 2

Try this:

eventMouseover : function(calEvent, $event) {
    var timer = setTimeout(function(){

        var $dialogContent = $("#event_show");
        resetForm($dialogContent);

        $($dialogContent).dialog({
            modal:true, 
            title: "Details of "+calEvent.title,
            body: "Name of Patitent",
            buttons : {
                cancel : function() {
                    $dialogContent.dialog("destroy");
                    $dialogContent.hide();
                }
            }
        }).show();
    }, 2000);
}

This will execute the dialog code after 2 seconds. Replace the number 2000 with the number of miliseconds you require for the delay.