如何使用Semantic UI可移动图标

时间:2015-03-07 20:54:37

标签: jquery icons semantic-ui removable

语义UI尚未记录可移动小部件的工作原理。

Below is an example of what I mean

小x图标是我的意思是可移动的。什么是我需要的语义UI调用才能使其工作,以便当我点击小x时它会删除该元素?

1 个答案:

答案 0 :(得分:0)

使用以下功能手动执行此操作:

var removeParent = function(e) {
    $(e).parent().remove();
};

然后在我的HTML中,我向元素添加了一个onclick事件并传入this

<div class="ui huge label" style="margin: 7px"> 
    <i class="edit icon"></i> 
    <i class="delete icon" onclick="removeParent(this)"></i>
</div>

摘自Here