Question

我有一个jquery对话框定义如下：

<div id="rankdialog"><p>Content</p></div>

打开我的对话框：

HTML：

<p id="openrankdialog">Click Here for more info</p>

JS：

$("#rankdialog").dialog({autoOpen : false, modal : false});

$("#openrankdialog").on('click', function()
{
    $("#rankdialog").dialog("open");
    return false;
});

然而，当对话框打开时，它会在鼠标移动时自动移动，这意味着用户无法将鼠标光标移动到X.关闭对话框的唯一方法是按Esc键。

如何防止这种情况？

我创建了一个带有副本代码的小提琴，并且不会发生此错误。在我的页面上，我在控制台日志中出错：

Uncaught TypeError: Cannot read property 'unbind' of undefined

这种情况发生在鼠标上。

Answer 1

http://jsfiddle.net/125ckp9z/

这是小提琴的链接，因为你没有放任何标记：

<button id="openrankdialog">Open</button>
<div id="rankdialog"><p>Content</p></div>

这是小提琴的网址和正确的方法。如果您仍然面临同样的问题，请分享更多代码，因为潜在的问题可能在其他地方

jquery对话框随鼠标移动

1 个答案: