$('a').webuiPopover(options);

$('a').webuiPopover({title:'Title',content:'Content'});

$('a').webuiPopover();

$('a').webuiPopover();

$('a').webuiPopover({url:'#myContent'});

$('a').webuiPopover({title:'Title',content:'Content',placement:'bottom'});

$('a').webuiPopover({content:'Content',trigger:'hover'});

$('a').webuiPopover({content:'Content',trigger:'sticky'});

 $('#addPop').on('click',function(e){             $('<a href="#" class="show-pop data-placement="auto-bottom"  data-title="Dynamic Title" data-content="Dynamic content"> Dynamic created Pop </a>').appendTo('.pops');         });

$('a').webuiPopover({content:'Content',style:'inverse'});

$('a').webuiPopover({content:'Content',width:300,height:200});

$('a').webuiPopover({title:'Title',content:'Content',closeable:true});

$('a').webuiPopover({title:'Title',content:'Content',animation:'pop'});

$('a').webuiPopover({type:'iframe',url:'http://getbootstrap.com'});

$('a').webuiPopover({ 						type:'async', 						url:'https://api.github.com/', 						content:function(data){  							var html = '<ul>';  							for(var key in data){html+='<li>'+data[key]+'</li>';} 							html+='</ul>'; 							return html; 						}  					});

$('a').webuiPopover({    type:'async',    url:'http://some.website/htmldata' });

 //Initailize  $('a').webuiPopover({trigger:'manual'}); ...   //Show it  $('a').webuiPopover('show');   //Hide it  $('a').webuiPopover('hide'); 

$('a').webuiPopover('destroy');

{     placement:'auto',//values: auto,top,right,bottom,left,top-right,top-left,bottom-right,bottom-left,auto-top,auto-right,auto-bottom,auto-left,horizontal,vertical     container: document.body,// The container in which the popover will be added (i.e. The parent scrolling area). May be a jquery object, a selector string or a HTML element. See https://jsfiddle.net/1x21rj9e/1/     width:'auto',//can be set with  number     height:'auto',//can be set with  number     trigger:'click',//values:  click,hover,manual(handle events by your self),sticky(always show after popover is created);     selector:false,// jQuery selector, if a selector is provided, popover objects will be delegated to the specified.      style:'',// Not to be confused with inline `style=""`, adds a classname to the container for styling, prefixed by `webui-popover-`. Default '' (light theme), 'inverse' for dark theme     animation:null, //pop with animation,values: pop,fade (only take effect in the browser which support css3 transition)     delay: {//show and hide delay time of the popover, works only when trigger is 'hover',the value can be number or object         show: null,         hide: 300     },     async: {         type:'GET', // ajax request method type, default is GET         before: function(that, xhr, settings) {},//executed before ajax request         success: function(that, data) {}//executed after successful ajax request         error: function(that, xhr, data) {} //executed after error ajax request     },     cache:true,//if cache is set to false,popover will destroy and recreate     multi:false,//allow other popovers in page at same time     arrow:true,//show arrow or not     title:'',//the popover title, if title is set to empty string,title bar will auto hide     content:'',//content of the popover,content can be function     closeable:false,//display close button or not     direction:'', // direction of the popover content default is ltr ,values:'rtl';     padding:true,//content padding     type:'html',//content type, values:'html','iframe','async'     url:'',//if type equals 'html', value should be jQuery selecor.  if type equels 'async' the plugin will load content by url.     backdrop:false,//if backdrop is set to true, popover will use backdrop on open     dismissible:true, // if popover can be dismissed by  outside click or escape key     autoHide:false, // automatic hide the popover by a specified timeout, the value must be false,or a number(1000 = 1s).     offsetTop:0,  // offset the top of the popover     offsetLeft:0,  // offset the left of the popover     onShow: function($element) {}, // callback after show     onHide: function($element) {}, // callback after hide }

//Show Popover by click other element. $('a').on('click',function(e){ 	e.stopPropagation(); // Stop event propagation is needed, otherwise may trigger the document body click event handled by plugin. 	WebuiPopovers.show('#el'); });  // Show Popover with options WebuiPopovers.show('#el',{title:' hello popover',width:300});   //Hide Popover by jQuery selector WebuiPopovers.hide('#el');  //Hide All Popovers WebuiPopovers.hideAll();  //Update the Popover content  WebuiPopovers.updateContent('.btn-showpop','some html or text');   //Update the Popover content  async WebuiPopovers.updateContentAsync('.btn-showpop','http://someUrl');  //Set global default options WebuiPopovers.setDefaultOptions(options);

 	WebuiPopovers.show(selector,options); // Show popover by jQuery selector,the  options parameter is optional 	WebuiPopovers.hide(selector); // Hide  popover by jQuery selector 	WebuiPopovers.hideAll(); // Hide all popovers 	WebuiPopovers.create(selector,options);// Create and init the popover by jQuery selector. 	WebuiPopovers.isCreated(selector); // Check if the popover is already create and bind to the selector. 	WebuiPopovers.updateContent(selector,newContent) //Update the Popover content after the popover is created. 	WebuiPopovers.updateContentAsync(selector,url) //Update the Popover content asynchronously after the popover is created. 	WebuiPopovers.setDefaultOptions(options) //Change the global default options.