jQuery工具提示小工具显示Click功能的工具提示

时间:2016-09-26 13:52:20

标签: javascript jquery html jquery-ui

如何修改新的jQueryUI工具提示窗口小部件,以便在文档上某些元素的click事件上打开工具提示,而其他人仍在鼠标悬停事件上显示其工具提示。所以我尝试显示 Ajax 调用中的工具提示值。但它会抛出错误

i)TypeError:d.addEventListener不是函数

ii)错误:在初始化之前无法在工具提示上调用方法;试图调用方法'禁用'

有谁能告诉我这个问题?

我的HTML代码:

<button id="tt" name="dynamic-tool">Site Info</button>

我的jQuery代码:

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();
}

0 个答案:

没有答案