在通过javascript向模式显示文本（在变量中存储双引号）时遇到问题

我在通过javascript显示带有双引号的文本时遇到问题。我想在模式中显示带双引号的文本。但为了做到这一点，我必须使用javascript。代码如下所示： HTML代码：

<button id="info" class="btn btn-link" data-toggle="modal" data-target="#infoDetails" data-name="<?php echo $name;?>" data-detail="<?php echo $details;?>" >Click Here</button> 

---

如果您检查发生了什么，由服务器生成的HTML代码（正如浏览器客户端所看到的那样）将获得打开“life”的
“
”“并被解释为
数据详细信息
属性的结束引号，后跟尾随的垃圾，然后被浏览器的HTML解析器原谅并忽略。我建议在你的解释文本中使用UTF-8卷曲引号，避开这个问题，看起来更好！否则，您可以对有问题的内部引号进行实体编码。一般来说，将长文本和/或格式化文本打包到
数据
字段中有点误用了这个想法。也许这样的数据可以被打包到一个小心的
id
'd
display:none
存储区域的HTML内容中，以便用JS动态提取

再次扫描时，它看起来像是
detaiLInfo
中的capp-o？问题是“modal.find（'.modal body#detaiLInfo'）.text（details）”，因为当它读取变量detail的第一个双引号时，它会自动转义。我如何解决这个问题？@AdrienXL我将在哪里回应它？因为它应该显示在模式中。。并且变量$detail不在模式代码中。。在按钮的数据详细信息属性中。@AdrienXL有效。。谢谢：）
 <p align="justify" id="detaiLInfo" style="font-size: 14px"> </p>

<script>
 $('#infoDetails').on('show.bs.modal', function (event) { 
    var button = $(event.relatedTarget) // Button that triggered the modal
    var name = button.data('name') // Extract info from data-* attributes
    var details = button.data('detail')
    var modal = $(this)
    modal.find('.modal-header #name').text(name)
    modal.find('.modal-body #detaiLInfo').text(details)
});