2

我正在使用 Bootstrap Popover动态显示文章的摘要，这意味着，这可以有双引号( " )、单引号( ' )、很多空格 (  ) 和其他特殊字符。因为从 word 复制/粘贴内容, 在线等...

有人可以帮我吗，如何从我的 Popover 内容中删除双引号？

PS：出于演示目的，我在data-content元素内作为直接文本给出。但实际上，这些数据将由“ ” CSS 类动态触发。article-description

我的 HTML

<!-- Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with HTML Content</article>

<!-- Not Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem &nbsp;&nsp;&nbsp;&nbsp; "Test" Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with Special Characters.. Eg: " (Double Quotes)</article>

我的 CSS

body{margin:100px auto;text-align:center;}

.category-content{
  width:100%;
  padding:10px 0;
  text-align:center;
  background:#eee;
  cursor:pointer;
  margin-bottom:15px;
}

我的脚本

$(document).ready(function(){
    $('.category-content').popover({html:true});
});

JsFiddle以获得更多解释


：： 更新 ：：

我现在可以在不使用data-content标签的情况下获取 html 内容，但仍在努力删除动态数据的特殊字符。

有人可以帮帮我吗！

4

1 回答 1

0

我建议有更好的方法来实现你想要做的事情。数据属性并不是真的打算包含 HTML，并且尝试以这种方式做事会使您的 HTML 不可读（以及，正如您所发现的，会被引号破坏）。

更好、更健壮的方法是在data-content属性中只包含弹出框的内容（没有任何 HTML 标记），并使用 Javascript 创建弹出框的 HTML ( <div class='article-description'></div>) 并插入内容。

于 2014-12-11T12:10:48.463 回答