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

vinh123456789

我有这个简单的代码

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

但是它们都不起作用。

弗斯坦尼斯

悬停的元素将作为弹出窗口的事件回调中的第一个参数传递。如果要更改弹出窗口的内容,则可能要使用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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章