如何使用 div 作为 Twitter 的 Popover 的内容？

Twitter 的 Popover 是一个引导组件，有点类似于工具提示，其中突出显示的区别在于每当用户单击指定的选择器时就会触发它。在我们使用

作为 popover 内部的内容之前，让我们先看看 popover 的 DOM 结构：

程序： popover 的 DOM 结构。

    

    
Popover Header here
    
Popover Content here

输出：

弹出框内的 Div：默认情况下，我们无法在弹出框内定义 HTML。为此，我们将html选项设置为 ‘true’以允许在初始阶段初始化时弹出窗口中的 HTML 内容。将 HTML div 内容存储在一个变量中，将该变量初始化为 popover 的一个选项。

• 句法：

  $([selector]).popover({ html:true; title:[header]; content:[Content] });

• 例子：

    
  
      
      
      
      
      
      
      
      
      
      
      
  
    
  
      
      
      
          
              
              
              
                  
                    GeeksforGeeks
                  
              
              
              
              
                  
                    A computer science portal for Geeks
                  
              
              
              
              
              
              
                Twitter's popover
              
          
      
      
          
          // Pick the div data as required
          var head = "" + $('.pickHead').html();
          var data = "" + $('.pickData').html();
          
          // Append the html data as the options
          $(document).ready(function() {
              $('[data-toggle="popover"]').popover({
                  html: true,
                  title: head,
                  content: data
              });
          });
      
  
    

• 输出：