如何使用靴带工具提示在工具提示消息中显示json数据

<!DOCTYPE html> 
<html lang="en"> 
<head>`enter code here` 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <h3>Tooltip Example</h3> 
    <a href="#" data-toggle="tooltip" title="{"test":"123"}">Hover over me</a> 
</div> 

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script> 

</body> 
</html>

我需要在工具提示中显示json数据我正在使用上面的代码，但只使用getiin {在工具提示上。请让我知道在工具提示上显示数据为{“test”：“123”}使用jquery和boots strap工具提示如何使用靴带工具提示在工具提示消息中显示json数据

来源

2017-07-17 user1630638

如果您对字符串使用双引号，则在双引号内使用单引号如果您使用单引号作为字符串，则在单引号内使用双引号。

以下是有效的字符串：

'{ “测试”： “123”}'
“{ '测试'： '123'}”

所以下面的代码在提示显示所需的JSON数据：

<a href="#" data-toggle="tooltip" title='{"test":"123"}' >Hover over me</a>

来源

2017-07-17 18:02:13

你的问题是在这条线：

<a href="#" data-toggle="tooltip" title="{"test":"123"}">Hover over me</a>

更改内部引号与转义字符串&“（更多信息请参见MDN）

<a href="#" data-toggle="tooltip" title="{&quot;test&quot;:&quot;123&quot;}">Hover over me</a>

的片段：

$('[data-toggle="tooltip"]').tooltip();

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 

 
<div class="container"> 
 
    <h3>Tooltip Example</h3> 
 
    <a href="#" data-toggle="tooltip" title="{&quot;test&quot;:&quot;123&quot;}">Hover over me</a> 
 
</div>

来源

2017-07-17 18:05:45 gaetanoM

使用单引号代替双引号这样的：

'{"test":"123"}'，而不是说： "{"test":"123"}"

来源

2017-07-17 18:08:23

如何使用靴带工具提示在工具提示消息中显示json数据

回答

相关问题