Javascript 在bootstrap popover rails 5应用程序中渲染部分?

Javascript 在bootstrap popover rails 5应用程序中渲染部分?,javascript,html,ruby-on-rails,bootstrap-popover,html-safe,Javascript,Html,Ruby On Rails,Bootstrap Popover,Html Safe,我在rails应用程序的引导弹出窗口中呈现部分时遇到问题 分部始终呈现为纯文本(显示所有HTML标记等) 这是index.html.erb中的代码 <span class="has-popover" style="cursor:pointer;" data-toggle="popover" data-trigger="hover" data-container="body" data-placement="right"

我在rails应用程序的引导弹出窗口中呈现部分时遇到问题

分部始终呈现为纯文本(显示所有HTML标记等)

这是index.html.erb中的代码

<span class="has-popover"
      style="cursor:pointer;"
      data-toggle="popover"
      data-trigger="hover"
      data-container="body"
      data-placement="right"
      title="Lorem Ipsum"
      data-content= "<%= render :partial => 'envs/e1' %>" >
      <i class="fa fa-question-circle "  aria-hidden="true"></i>
</span>
这是
envs
文件夹中的
\u e1.html.erb
部分

<h2>Mauris euismod sollicitudin?</h2>

<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>

<br>

<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>
Mauris euismod sollicitudin?
莫比坐在阿梅特·泰勒斯·佩伦茨克,马克西姆斯·厄洛斯·阿利奎姆·努克。维瓦姆斯·维利特·维利特,爱神之家的前庭,艾库利斯·亨德雷特·托托。莫尔比·乌兰科帕·珀鲁斯在奥纳雷·乌兰科帕


莫比坐在阿梅特·泰勒斯·佩伦茨克,马克西姆斯·厄洛斯·阿利奎姆·努克。维瓦姆斯·维利特·维利特,爱神之家的前庭,艾库利斯·亨德雷特·托托。莫尔比·乌兰科帕·珀鲁斯在奥纳雷·乌兰科帕

我在
raw()
html\u-safe
中都包装了
“'envs/e1'>”
这一行,没有任何运气

*添加了示例* 下面是我如何在剪贴簿中使用
html\u-safe
raw
的示例

data content=raw(“'envs/e1'>”)
-文本以“正确”的方式显示,但在弹出框外

data content=“'envs/e1')%%>”>
-文本显示为纯文本

data content=“raw('envs/e1')%%>”>
-文本显示为纯文本

data content=“'envs/e1'>”。html\u safe
-文本显示为纯文本

data content=“'envs/e1'.html\u safe%>”
-文本显示为纯文本

一定有某种方法可以在popover中设置部分样式?? 还是我做错了

请告诉我
提前感谢。

我相信您必须在popover span中启用
数据html=“true”
。 至少它在我的机器上起作用了

因此,它将写为:

<span class="has-popover"
  style="cursor:pointer;"
  data-toggle="popover"
  data-trigger="hover"
  data-html="true" <!-- This is what you have to add to the code -->
  data-container="body"
  data-placement="right"
  title="Lorem Ipsum"
  data-content= "<%= render :partial => 'envs/e1' %>" >

默认情况下,引导弹出窗口不接受通过自动继承选项输入的html:
data html=“false”
您需要添加并将其更改为
true


如果您想了解更多有关引导弹出窗口可以传递哪些选项的信息,请查看并查看您可以使用它做什么。

您的引导标记和JS看起来不错,因此几乎可以肯定的是,您的视图输出的是转义HTML,而不是您需要的标记

您使用
html\u-safe
的尝试非常接近,而且肯定在正确的轨道上,但是缺少括号意味着它没有完全按照您的想法进行。请尝试以下方法:

data-content="<%= render(partial: 'envs/e1').html_safe %>"
data content=“”

请注意,
html\u safe
应用于
render
的输出,外部引号保留在html中,不由Rails解释。

部分like的命名约定以下划线开头,例如
\u e1.html.erb
,然后按以下方式呈现
envs/e1
。但是,您是否在控制台或日志中看到任何错误?@fool dev由于部分被呈现为纯文本,我认为查找部分模板没有问题。您能否修改您的问题以添加一个示例,说明如何使用
raw
html\u safe
?@SteveH。我添加了如何使用
raw
html\u-safe
Try:data-content=“”的示例
data-content="<%= render(partial: 'envs/e1').html_safe %>"