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

Question

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

我正在尝试将 id 发布到 php 文件并获取与发布的 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

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

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];