Question

我试图在悬停图像时显示popover，popover的内容是Ajax调用模板的响应。在这个模板中我有标记（用于taglib），其中我的模板弹出窗口在我的回复中，我能够获得我的弹出窗口内容，但在图像悬停时不显示。

编辑：这是我在模板中使用的标签：

<cv:advice resumeSection="Additional" fieldId="int" resume="${resume}"/>

使用标签的taglib：

def advice = { attrs, body ->
    Resume resume = attrs.resume
    String resumeSection = attrs.resumeSection
    String fieldId = attrs.fieldId
    AdviceBox adviceBox =   AdviceBox.findByResumeSectionAndFieldIdAndResumeType(resumeSection, fieldId,   ResumeType.findById(1))
    if (adviceBox) {
        out << g.render(template: "../templates/popover", model: [adviceBox: adviceBox, resumeSection: resumeSection, fieldId: fieldId])
    }
}

弹出模板代码是：

<a href="#" class="popover-with-html" rel="popover" data-html="true"    data-trigger="hover" title="${adviceBox?.title}" data-content="${adviceBox?.content}">
<img onclick="adviceEvent('${resumeSection}', '${fieldId}');" src="${g.resource(dir:  'images/CvSurgeonLegacy', file: 'question_mark.gif')}"/>
</a>

Answer 1

请使用

$('.popover-with-html').popover();

在ajax响应之后

。它应该工作。

参考：popovers

通过Ajax调用显示popover

1 个答案: