当前位置: 首页 > 面试题库 >

jQuery UI工具提示小部件中的AJAX内容

司马彦
2023-03-14
问题内容

jQuery UI
1.9中有一个新的工具提示小部件,其API文档提示可以在其中显示AJAX内容,但没有任何更多详细信息。我想我可以通过同步和阻止请求来完成类似的操作,但这不是我想要的。

如何使其显示通过异步AJAX请求检索到的任何内容?


问题答案:

这是我博客中的 jqueryui tootip小部件的ajax示例。希望它会有所帮助。

$(document).tooltip({
    items:'.tooltip',
    tooltipClass:'preview-tip',
    position: { my: "left+15 top", at: "right center" },
    content:function(callback) {
        $.get('preview.php', {
            id:id
        }, function(data) {
            callback(data); //**call the callback function to return the value**
        });
    },
});


 类似资料:
  • 我试图在qtip中的图像上显示jQuery UI工具提示。现在,工具提示显示在工具提示后面。你知道怎么把它展示在它面前吗? 小提琴在这里:http://jsfiddle.net/wYM2Q/ 将鼠标移到文本“bind qtip to this”上。然后将鼠标悬停在qtip内的图像上。你会看到qtip后面显示的工具提示,我想在它前面显示。

  • 问题内容: 我正在使用jQuery UI Tooltip小部件 我根据他们的示例编写了以下CSS,它的工作原理就像一个魅力: 但是我得到了3-4个我想要看起来不同的工具提示(例如上面的html示例),所以我将它们包装在一个类中并执行以下操作: 绝对没有任何作用。如何覆盖通用 .tooltip 以不同方式自定义某些工具提示? 提前致谢 问题答案: 对于那些希望将自定义类应用于新的工具提示小部件(jQ

  • 用法 对同时满足以下条件的元素使用工具提示: 具有交互性 主要是图形而非文本 (上图)可取 (上图)不可取 工具提示不同于悬浮卡片,后者用来显示图片和格式化的文本等更为丰富的信息。 工具提示也不同于ALT属性,后者用来提示静态图片的主旨。 (上图)可取 (上图)不可取 光标和键盘的工具提示 文本:Roboto Medium 10 sp 背景填充:90% 不透明度 工具提示动画 触摸屏UI的工具提示

  • 问题内容: 当您将鼠标悬停在网页的特定区域时,有很多基于JavaScript的库会显示工具提示。有些相当简单,有些允许工具提示显示使用CSS样式的HTML内容。 但是有没有一种方法可以显示样式化的工具提示而不使用JavaScript?如果仅使用该属性,则不会处理标签(例如,不会产生换行符)。我正在寻找一种解决方案,该解决方案无需使用任何JavaScript即可显示样式化的HTML内容。 问题答案:

  • 所属类别 小部件(Widgets) 用法 描述:可自定义的、可主题化的工具提示框,替代原生的工具提示框。 版本新增:1.9 工具提示框(Tooltip)取代了原生的工具提示框,让它们可主题化,也允许进行各种自定义: 显示不仅仅是标题的其他内容,就如内联的脚注或通过 Ajax 检索的额外内容。 自定义定位,例如,在元素上居中工具提示框。 添加额外的样式来定制警告或错误区域的外观。 默认使用一个渐变的

  • 问题内容: 我向这样的工具栏添加菜单: 基本上,它工作正常。但是,它永远不会显示工具提示(“添加新项”)。有什么提示吗? 编辑:以防万一遇到相同问题的人偶然发现:这是L&F,正如我从一开始就应该怀疑的那样。它具有显示JMenuItems工具提示的属性;并且默认为false。 问题答案: 下面的sscce可以正常工作。如果您仍然有问题,请编辑问题,以包含显示您所描述问题的示例。 附录:我将添加到,它