comment afficher les données JSON sur un message de infobulle utilisant des bottes de pointe de l'outil sangle

<!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>

Je dois montrer des données JSON sur infobulle J'utilise code ci-dessus, mais getiin uniquement {sur la pointe de l'outil. faites-moi savoir pour afficher les données comme {"test": "123"} sur la pointe de l'outil avec jquery et boots tool pointecomment afficher les données JSON sur un message de infobulle utilisant des bottes de pointe de l'outil sangle

Source

2017-07-17 user1630638

Si vous utilisez des guillemets doubles pour une chaîne, utilisez des guillemets simples entre guillemets et si vous utilisez des guillemets simples pour une chaîne, utilisez des guillemets doubles dans les guillemets simples.

Après sont des chaînes valides:

'{ "test": "123"}'
"{ 'test': '123'}"

Alors code suivant Afficher les données requises JSON dans infobulle:

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

Source

2017-07-17 18:02:13

Votre question est dans cette ligne:

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

Modifier la citation interne avec la chaîne échappée & quot; (pour plus d'informations voir MDN)

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

L'extrait:

$('[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>

Source

2017-07-17 18:05:45 gaetanoM

Utilisez guillemets simples au lieu de citations doubles comme ça:

'{"test":"123"}' au lieu de cela: "{"test":"123"}"

Source

2017-07-17 18:08:23

comment afficher les données JSON sur un message de infobulle utilisant des bottes de pointe de l'outil sangle

Répondre

Questions connexes