Javascript 模式按钮上的JqueryUI工具提示在模式关闭时重新出现
嗨,这里是佛罗里达人 我正在学习Javascript和JQuery,我有一个问题没有很好地解决。我在一些按钮上使用了JqueryUI工具提示。工具提示使用以下代码显示。我意识到我在代码方面的结构和组织能力很差,可能还有上百万种更有效的方法来完成我正在做的事情,但请注意——这是我第一次尝试任何类型的javascriptJavascript 模式按钮上的JqueryUI工具提示在模式关闭时重新出现,javascript,jquery,jquery-ui,jquery-ui-dialog,jquery-ui-tooltip,Javascript,Jquery,Jquery Ui,Jquery Ui Dialog,Jquery Ui Tooltip,嗨,这里是佛罗里达人 我正在学习Javascript和JQuery,我有一个问题没有很好地解决。我在一些按钮上使用了JqueryUI工具提示。工具提示使用以下代码显示。我意识到我在代码方面的结构和组织能力很差,可能还有上百万种更有效的方法来完成我正在做的事情,但请注意——这是我第一次尝试任何类型的javascript $(function() { $("#button-menu").tooltip({ position: { my: "top",
$(function() {
$("#button-menu").tooltip({
position: {
my: "top",
at: "bottom+10",
using: function( position, feedback ) {
$( this ).css( position );
$( "<div>" ).addClass( "arrow" ).addClass( "top" ).appendTo( this );
}
}
});
$("#button-menu").tooltip({ hide: { effect: "fadeOut", duration: 100 }, show: { effect: "fadeIn", duration: 100 }});
});
编辑:我想我应该问一个问题-为什么会发生这种行为,我可以做些什么来识别工具提示是如何触发的,或者在我关闭模式时阻止它再次出现 对话框小部件有一个。我倾向于禁用工具提示(),并通过命名init函数并调用它来重新启用它们
比如:
$('.dialogSelector').dialog({
open: function( event, ui ) {
$('.tooltipSelector').tooltip('disable');
}
});
$('.dialogSelector').dialog({
close: function( event, ui ) {
$('.tooltipSelector').tooltip();
// OR
myTooltipFunction();
}
});
我也有同样的问题。对我来说,解决这个问题的方法是添加一个“Ok”按钮
$("#dialog").dialog({
resizable: false,
autoOpen: false,
height: 200,
width: 440,
modal: false,
buttons: {
"Ok": function () {
$(this).dialog("close");
}
}
});
这最终对后门很有帮助——当我尝试它时,它并没有像预期的那样工作,我发现我在对话框关闭时的动画长度导致了对话框关闭:函数的计时问题。谢谢你的帮助。
$("#dialog").dialog({
resizable: false,
autoOpen: false,
height: 200,
width: 440,
modal: false,
buttons: {
"Ok": function () {
$(this).dialog("close");
}
}
});