关于popup官方的demo比较简单，显示一个固定内容的弹出层。
<div class="ui icon button" data-content="Add users to your feed">
<i class="add icon"></i>
</div>
效果图如下
但是有时候我们希望popup的content是动态的，比如从服务器api获取。
这时就需要用到popup的callback了。
var popupLoading = '<i class="notched circle loading icon teal"></i>';
$('[rel=author]').popup({
hoverable : true,
exclusive: true,
delay: {
show: 400,
hide: 400
},
html: popupLoading,
variation: 'wide',
onShow: function (el) {
var popup = this;
popup.html(popupLoading);
$.ajax({
url: '/user_summary',
data: {uid: $(el).data('uid')},
method: 'post'
}).done(function(result) {
popup.html(result);
}).fail(function() {
popup.html('error');
});
}
});