首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap 3弹出窗口

Bootstrap 3弹出窗口
EN

Stack Overflow用户
提问于 2014-03-12 18:00:41
回答 1查看 114关注 0票数 0

我有一个弹出窗口,显示图像: my html:

代码语言:javascript
运行
复制
 %a#btn2{"data-content" => "#{ image_tag CarConfiguration.last.image_url.to_s}".html_safe ,"data-placement" => "bottom"} Click to toggle popover

我的js:

代码语言:javascript
运行
复制
$('#btn2').popover trigger: "hover", html: true

我想将这个片段导出到我的js:"data-content" => "#{ image_tag CarConfiguration.last.image_url.to_s}"

我该怎么做呢?

EN

回答 1

Stack Overflow用户

发布于 2014-03-12 18:26:42

您可以在定义popover的js函数中设置内容。

它应该是这样的:

代码语言:javascript
运行
复制
var myPopoverContent = "#{ image_tag CarConfiguration.last.image_url.to_s}".html_safe;

$('#btn2').popover({
   trigger: 'hover',
   html: true,
   content: myPopoverContent

});

http://jsfiddle.net/afolkesson/s9L9A/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22347868

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档