JQuery-ui，自动隐藏对话框

Question

我有一个动态元素转换为对话框小部件。 我希望它自动消失。

此代码无效。

$("<div>...</div>").dialog({
  open : function(eve, ui) {
    var item = this;
    window.setTimeout(function(item) {
      item.dialog('close')
      }, 
    6000);
  }
});

Answer 1

情侣问题 - 你的选择器看起来不对..你也试图将“item”传递给settimeout，这会覆盖你的项目=这也是$（这个）就是你设置item = this的意思;

 $("div").dialog({
  open : function(eve, ui) {
   var item = $(this);
     window.setTimeout(function() {
       item.dialog('close');
     }, 
     6000);
  }
});

这是一个快速的小提琴： http ： //jsfiddle.net/jFIT/qZggc/

Answer 2

用这个;

$("<div id='mydialog'>...</div>").dialog({
  open : function(eve, ui) {
    window.setTimeout(function(item) {
      $('#mydialog').dialog('close');
      }, 
    6000);
  }
});

这是工作演示： jsfiddle