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

检查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

2 个答案: