引导酥料饼的破坏内容

我有以下的HTML和CoffeeScript的一个Rails应用程序：引导酥料饼的破坏内容

<span id="CEO_portrait"><%= image_tag "CEO_portrait.png", class: "portrait" %></span> 
<div id="tooltip_container"> 
    <div id="CEO_biography"> 
    "The CEO founded the company in 1969." 
    </div> 
</div> 

$ -> 
    $('#CEO_portrait').popover 
    title: "James E. Lee" 
    placement: "top" 
    trigger: "hover" 
    html: true 
    container: "#tooltip_container" 
    content: -> 
     $('#CEO_biography')

的酥料饼的出现与相应的内容第一次我的鼠标悬停在“#CEO_portrait”跨度然而，当。我的鼠标离开跨度，ID为“CEO_biography”的div被删除，结果，当我将鼠标再次悬停在'#CEO_portrait'上时，标题显示出来，但没有显示内容，我不明白为什么这是我怎样才能让内容持续存在？

来源

2013-10-19 user1380016

http://bootply.com/88701

<span id="CEO_portrait">test</span> 
    <div id="tooltip_container"> 
    <div id="CEO_biography"> 
    "The CEO founded the company in 1969." 
    </div> 
</div>

在这里为我的作品在引导3和引导2.3.2

是内容消失，但下一次我将内容悬停仍然在酥料饼。看看的例子..

请确保您有所有加载等的引导脚本/ CSS的..

来源

2013-10-19 14:15:57 Trevor

@ user1380016如果回答您的问题，请将此答案标记为已接受，否则请提供有关未解决问题的反馈。谢谢 – Trevor

保存内容的情况之外：

$ -> 
myContent = $('#CEO_biography') // save the content for future use 

$('#CEO_portrait').popover 
title: "James E. Lee" 
placement: "top" 
trigger: "hover" 
html: true 
// container: "#tooltip_container" // I don't know why you use this 
content: -> 
    myContent

这是我的工作使用数据溶液属性：

$("[data-toggle='popover-div']").each -> 
that = $(this) 
content = $(that.data("content-div")) // Save content of the id given in "data-content-div" 

that.popover 
    html: true 
    content: -> 
    content

玉

a.btn.btn-share(data-toggle="popover-div", data-content-div="#share-popover", 
data-trigger="click", data-placement="top") 
    | Share <i class="fa fa-share"></i> 

.share-popover-wrapper // Display: none 
    #share-popover 
    // [... Content goes here ...]

来源

2013-12-12 11:40:20 DanielKhan

引导酥料饼的破坏内容

回答

相关问题