bootstrap3自定义popover显示的内容

1、popover.js的内容一般都是写元素里面。如下。

点我弹出/隐藏弹出框

其中title为显示的标题，data-content为显示的内容

2、popover不会自己初始化，所以在页面中需要用js进行初始化

$(function () {
 $('[data-toggle="popover"]').popover()
})

3、可以通过js调用，自定义popover弹出的内容。

$(document).ready(function () {
//自定义popover显示的内容
  $('#mypopover').popover({ 
html : true,
title: function() {
 return $("#popover-head").html();
},
content: function() {
 return $("#popover-content").html();
}
});
 
});

		
                      Popover on 右侧
                    
                    
                    
some title
                    

                      

                        there is form
                      
                    

完整示例：

  
    
    
    
    
    

    
    
    
    
    
     
    
       
 
    
    
    
    
    
  
  
  
  		

        	

            	

                	模态框
               
            
           
           

           
           

            	

                	 

                      
                        Dropdown trigger
                        
                      
                    
                      

                        ...
                      
                    
               
            
           
           

           
           
          

          		

    
                
                  

                    
Home
                    
Profile
                    
Messages
                    
Settings
                  
                
                  
                  

                    

                    		this is home div

                            用来做商品信息、性能、评价展示。不要用来做导航栏
                    
                    
this is profile div
                    
this is messages div
                    
this is settings div
                  
                
            
        
        
        

        
            

                

                     Tooltip on left
    
                    Tooltip on top
                    
                    Tooltip on bottom
                    
                    Tooltip on right
                
            
           
           
           
         

         
            

                

                     
                      Popover on 右侧
                    
                    
                    
some title
                    

                      

                        there is form
                      
                    
                    
                    可消失的弹出框