如何在工具提示小部件中获取悬停元素的 ID

Question

如何在工具提示小部件中获取悬停元素 id？

我正在尝试 post id 到 php 文件并获取与 posted 关联的工具提示内容id

$(document).tooltip({

    items:'.tooltip',
    content: "wait, please...",
    open: function(event, ui) {

        var _elem = ui.tooltip;
        $.ajax({
             url: '/tooltip.php',
             data: { lang: '<?php echo $lang['language'];?>', id:**HOVERED ELEMENT ID** },
             type: 'post',
             success: function(data) {
                 //hacky, but works! :)
                _elem.find(".ui-tooltip-content").html(data);
             },
         });
    }


});

Answer 1

检查 ui 的范围问题以防万一，否则：

var id = ui.item.attr('id');

Answer 2

您可以通过事件目标进行访问：

open: function(event, ui) {
  var el = event.originalEvent.target;
  alert('Id is' + $(el).attr('id'));

如果它在 IE 中不起作用，请使用以下代码：

var el = $(event.originalEvent.target || event.originalEvent.srcElement).closest($(this).tooltip('option', 'items'))[0];

如何在工具提示小部件中获取悬停元素的 ID

How to get id of hovered element in tooltip widget

javascript

jquery

tooltip