twitter bootstrap 模态数据属性参数中的 html 文本答案

【问题标题】：html text in twitter bootstrap modal data attributes parametertwitter bootstrap 模态数据属性参数中的 html 文本
【发布时间】：2012-09-16 18:37:55
【问题描述】：

来自Twitter Bootstrap modal rails delete button not working

如何传递 html 代码以在 Twitter Bootstrap 模式中显示？这是链接

<%= link_to t('delete'), post, method: :delete, confirm: t('delete_this_question'), 'data-my-message' => raw(post.text), class: 'label' %>

post.text 是 HTML 代码。现在它以错误的格式显示链接。

谢谢

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap

【解决方案1】：

我认为这里的问题可能是您对“原始”的使用。如果您在 link_to 助手中使用原始 html，它可能会弄乱链接的引用。例如，您可能会得到如下信息：

<a href="..." data-my-message="Hello <a href="/foo">world</a>" ...>

那会弄乱你的链接标签。我不确定您的其余视图如何组合在一起，但我认为您应该能够放弃“原始”方法：

<%= link_to t('delete'), post, method: :delete, confirm: t('delete_this_question'), 'data-my-message' => post.text, class: 'label' %>

【讨论】：

彼得你是对的，但模态显示的 HTML 代码与视图中的完全不同
您的意思是 HTML 没有正确呈现还是没有应用 css 样式？后者是有道理的，post.text 呈现在 DOM 中不同位置的模态中。这意味着可能必须修改任何应用的 css 才能正确呈现它。如果是前者，那么它可能是一个逃避问题，尽管这应该由 Rails 自动处理。
谢谢彼得。未应用 CSS 样式。我进行了一些更改，现在模态显示正常，但问题是当我单击模态中的取消按钮时，它会关闭它，但背景不透明度不会改变并且网络无法使用。我试图更改 css 文件中的不透明度，但问题仍然存在。任何的想法？谢谢