closeOnEscape property missing

.gitignore

@@ -1,4 +1,4 @@
-node_modules
+node_modules/
 .DS_Store
 *.sublime-project
 *.sublime-workspace

.npmignore

@@ -0,0 +1,13 @@
+node_modules/
+.DS_Store
+*.sublime-project
+*.sublime-workspace
+.npmignore
+.jshintrc
+bower.json
+CONTRIBUTING.md
+Gruntfile.js
+HISTORY.md
+ROADMAP.md
+webui-popover.jquery.json
+demo

HISTORY.md

@@ -2,6 +2,46 @@
 
 
 # History
+### 1.2.17
+* fixed  some bugs
+* add new global method 'updateContentAsync' for async mode.
+* add new global method 'setDefaultOptions'
+
+
+### 1.2.16
+* fixed some bugs.
+
+
+### 1.2.14
+* add global method 'updateContent'
+* add new option: 'selector' for delegate, now the plugin can deal with dynamic created content.
+
+### 1.2.13
+* fix the arrow hidden bug in firefox
+* fix the position bug when container's position is 'relative'
+* add options to 'WebuiPopovers.show'  method
+* add 'WebuiPopovers.create','WebuiPopovers.isCreated' methods 
+
+### 1.2.11
+* fix the position bug with svg.
+
+
+### 1.2.10
+* fix the hidden bug in show method when trigger is set to 'manual'.
+
+
+### 1.2.9
+* fix the position in container bug
+
+### 1.2.8
+* fix and optimize the scroll placement bug
+* add rtl direction support
+* fix arrow hide bug when placement is set to auto or auto-buttom
+* fix the LESS variable collision
+
+
+### 1.2.7
+* fix the scroll placement bug
 
 ### 1.2.6
 * fix the hidden bug on mobile device when trigger is set to 'hover'
@@ -14,10 +54,10 @@
 
 ### 1.2.3
 * fix the bug which cause the popover hide by click when multi popovers in same page.
-* optimize event handling for performance 
+* optimize event handling for performance
 
 ### 1.2.2
-* 
+*
 * optimize code and clean debug info
 
 ### 1.2.1
@@ -33,4 +73,3 @@
 * new way to init popover content, set the content by next element html which has class 'webui-popover'.
 * optimese the calulate position  algorithm.
 * update the demo page adapt for mobile device.
-

README.md

@@ -1,7 +1,7 @@
 WebUI-Popover
 =============
 
-A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
+A lightWeight popover plugin with jquery, enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap, but bootstrap is not necessary!
 
 
 Browser compatibility: ie8+,Chrome,Safari,Firefox,Opera
@@ -117,6 +117,21 @@ $('a').webuiPopover({content:'Content',trigger:'hover'});
 $('a').webuiPopover({content:'Content',trigger:'sticky'});
 ```
 
+Create Popover Dynamically (by new option:'selector').
+
+```html
+<a href="#" id="addPop" class="btn btn-default"> add Pop </a>
+<div class="pops">
+
+</div>
+```
+
+```javascript
+ $('#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');
+        });
+```
+
  Popover with inversed style.
 ```javascript
 $('a').webuiPopover({content:'Content',style:'inverse'});
@@ -178,45 +193,103 @@ $('a').webuiPopover({
 
 ```
 
+Destroy the Popover
+```javascript
+$('a').webuiPopover('destroy');
+```
 
 
-### default options
+
+### Default options
 ```javascript
 {
-	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
+    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);
-	style:'',//values:'',inverse
-	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) {},//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
-	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
+    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
 }
 ```
 
+###Global Methods
+
+
+In some situation, you may want to manipulate the plugin like 'show/hide' popovers by  global methods.  The new object **WebuiPopovers** is introduced and exposed to the global window object, so you can access these methods like 'WebuiPopovers.someMethod()...'. 
+
+Here are examples of calling code.
+
+```javascript
+
+//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);
+```
+
+Full Methods
+
+```js
+ 	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.
+```
+
+
+
 Welcome to visit my github page: [http://sandywalker.github.io/]

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "webui-popover",
-  "version": "1.2.6",
+  "version": "1.2.18",
   "authors": [
     "sandywalker <[email protected]>"
   ],

demo/async-content-another.html

@@ -0,0 +1,4 @@
+<h3>Another Async Content </h3>
+<p>
+	A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features. 
+</p>

demo/async-content.html

@@ -0,0 +1,4 @@
+<h3>Async Content</h3>
+<p>
+	A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
+</p>