ブートストラップ/ HTML要素=「」セクション

Question

私は私のindex.phpページの先頭に次のコードを持っている...

<script> 
$(function(){ 
    $('[data-toggle=popover]').popover() 
    /*.click(function(e) { 
     e.preventDefault(); 
    });*/​ 
}); 
</script> 

以下この...

 echo "<td> 
     <button type=\"button\" 
     class=\"btn btn-default\" 
     data-html=\"true\" 
     data-container=\"body\" 
     data-toggle=\"popover\" 
     data-trigger=\"focus\" 
     data-placement=\"top\" 
     data-content=\" 
     <div class=\"media\"> 
       <div class=\"media-left\"> 
        <a href=\"...\"> 
         <img class=\"media-object\" src=\"...\" alt=\"...\"> 
        </a> 
       </div> 
       <div class=\"media-body\"> 
        <h4 class=\"media-heading\">Media heading</h4> 
        ... 
       </div> 
     </div>\" 
     ".$userFirstName."</button>"; 

     echo 
     "<script> 
     $(function(){ 
      $(\"[data-toggle=popover]\").popover(); 
     }); 
     </script></td>"; 

そして、なぜ私は、ブートストラップポップオーバーの "ポップアップ部分"に留まらず、data-content = ""部分がボタンに入ったのかを解明しようとしています。可能であれば、mysqlデータベースやその他の書式設定/ HTML/bootstrapなどから取得する情報をpopverに追加したいと思います。

私はJquery/javascript/popoversの新機能です。data-html = "true"はHTMLがポップオーバーに入ることを許していると私は理解しています。基本的なHTMLは、ブートストラップですか？私がブートストラップのメディアのものをそこに入れようとするまでは、すべてうまくいきました。

ご協力いただきありがとうございます。

Answer 1

二重引用符を二重引用符で囲むことはできません。ブラウザが「内側」の二重引用符は、単に最初の二重引用符を閉じていないことを認識できないため

data-content="<div class=" media"> 

：この場合

data-content=\" 
     <div class=\"media\"> 

は、などのブラウザによって解釈されています。いくつかのオプションがあります：を"に置き換え、'に置き換えるか、アプローチを変更してJSONを使用してください。この場合

は、あなただけの迅速かつ汚いを使用することができます。

また

<td> 
     <button type=\"button\" 
     class=\"btn btn-default\" 
     data-html=\"true\" 
     data-container=\"body\" 
     data-toggle=\"popover\" 
     data-trigger=\"focus\" 
     data-placement=\"top\" 
     data-content=\" 
     <div class='media'> 
       <div class='media-left'> 
        <a href='...'> 
         <img class='media-object' src='...' alt='...'> 
        </a> 
       </div> 
       <div class='media-body'> 
        <h4 class='media-heading'>Media heading</h4> 
        ... 
       </div> 
     </div>\" 
     >".$userFirstName."</button>"; 

、小さなノートを：あなたは、あなたのオープニング<button>タグに