Javascript jQuery工具提示小部件,用于在单击功能时显示工具提示
如何修改新的jQueryUI的tooltip小部件,以在文档中的某些元素上打开单击时的tooltip事件,而其他元素仍在显示鼠标悬停时的tootip事件。因此,我尝试显示来自Ajax调用的工具提示值。但它抛出了错误 i)类型错误:d.addEventListener不是函数 ii)错误:无法在初始化之前调用工具提示上的方法;试图调用方法“disable” 谁能告诉我这个问题吗 我的HTML代码:Javascript jQuery工具提示小部件,用于在单击功能时显示工具提示,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,如何修改新的jQueryUI的tooltip小部件,以在文档中的某些元素上打开单击时的tooltip事件,而其他元素仍在显示鼠标悬停时的tootip事件。因此,我尝试显示来自Ajax调用的工具提示值。但它抛出了错误 i)类型错误:d.addEventListener不是函数 ii)错误:无法在初始化之前调用工具提示上的方法;试图调用方法“disable” 谁能告诉我这个问题吗 我的HTML代码: <button id="tt" name="dynamic-tool">Site Inf
<button id="tt" name="dynamic-tool">Site Info</button>
jQuery('#tt').on({
"click": function() {
var ajaxURL = "http://192.168.2.135/shopping/wp-admin/admin-ajax.php";
jQuery.ajax({
type: "POST",
url : ajaxURL,
data : { action : 'toolTip'},
success : function(response) {
jQuery(this).tooltip({ items: "#tt", content: response});
jQuery(this).tooltip("open");
}
});
},
"mouseout": function() {
jQuery(this).tooltip("disable");
}
});
function toolTip(){
if(isset($_REQUEST)){
echo 'You have been clicked';
}
wp_die();
}
我的功能代码:
<button id="tt" name="dynamic-tool">Site Info</button>
jQuery('#tt').on({
"click": function() {
var ajaxURL = "http://192.168.2.135/shopping/wp-admin/admin-ajax.php";
jQuery.ajax({
type: "POST",
url : ajaxURL,
data : { action : 'toolTip'},
success : function(response) {
jQuery(this).tooltip({ items: "#tt", content: response});
jQuery(this).tooltip("open");
}
});
},
"mouseout": function() {
jQuery(this).tooltip("disable");
}
});
function toolTip(){
if(isset($_REQUEST)){
echo 'You have been clicked';
}
wp_die();
}
你使用什么工具提示库?@kcp我使用jquery-1.12.4.js和jquery-ui.js