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

但它们都不起作用。

Answer 1

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

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

请注意，要更改标题，我要在弹出窗口中使用类标题更改元素。这是因为您的示例中的弹出窗口在创建后看起来像这样：

<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弹出窗口的当前悬停元素

2 个答案: