我如何获得语义 UI 弹出窗口的当前悬停元素

Question

我有这个简单的代码

$('.ui.popup').popup({
    title   : 'Popup Title',
    content : 'Hello I am a popup'
 });

如何获取当前悬停元素的属性。我试过：

$('.ui.popup').popup({
    title   : this.getAttribute("class"),
    content : 'Hello I am a popup'
 });

$('.ui.popup').popup({
    title   : $(this).attr("class"),
    content : 'Hello I am a popup'
 });

但其中 none 有效。

Answer 1

悬停元素作为弹出窗口事件回调中的第一个参数传递。如果您想更改弹出窗口的内容，您可能需要使用在弹出窗口显示之前触发的 onShow 事件。

$('.ui.popup').popup({
    title   : 'Popup Title',
    content : 'Hello I am a popup',
    onShow: function(hovered) {
        $(this).find('.header').html($(hovered).attr('class'));
    }
 });

请注意，为了更改标题，我在弹出窗口中更改了带有 class header 的元素。这是因为您的示例中的弹出窗口在创建后看起来像这样：

<div class="header">Popup Title</div>
<div class="content">Hello I am a popup</div>

Answer 2

用 JQuery 试试这个。

$('.ui.popup').each(function(index){
    $(this).popup({
        title   : $(this).attr("class"),
        content : 'Hello I am a popup'
    });
});

我如何获得语义 UI 弹出窗口的当前悬停元素

How can i get current hover element of Semantic UI popup

semantic-ui