gpt4 book ai didi

javascript - jquery-ui 关闭对话框

转载 作者:行者123 更新时间:2023-11-29 20:21:19 25 4
gpt4 key购买 nike

我在鼠标退出时关闭 JavaScript/jQuery 中的对话框时遇到一点问题。这是脚本

$().ready(function () {
$(".popup").live("mouseover", function () {

$(this).next().dialog();
});
$(".popup").live("mouseout", function () {

$(this).next().close();
});
});

最佳答案

像这样的东西会起作用:

$(function () {
$(".popup").live("mouseover", function () {
var dlg = $.data(this, 'dialog');
if(dlg) dlg.dialog('open');
else $.data(this, 'dialog', $(this).next().dialog());
}).live("mouseout", function () {
$.data(this, 'dialog').dialog('close');
});
});

为什么这么复杂?嗯.dialog()调用包装元素并将其移动到 <body> 的末尾元素,所以 .next() 不会再找到它了。所以...我们需要存储对相关对话框的引用。

另一种方法是在创建对话框时定位对话框并以相对方式将其粘回到 DOM 中,这两种方法都可行。

关于javascript - jquery-ui 关闭对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3872552/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com