如何将div用作Twitter的Popover的内容？

Twitter的Popover是一个引导程序组件，有点类似于工具提示，其中突出的区别在于，只要用户单击指定的选择器，它就会触发。在将

用作弹出窗口内的内容之前，让我们看一下弹出窗口的DOM结构：

程序：弹出窗口的DOM结构。

    

    
Popover Header here
    
Popover Content here

输出：

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

• 句法：

  $([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
              });
          });
      
  
    

• 输出：