Click Issue of popover | Rex's Personal Site

	$seats.find(&#39;a.seat&#39;).not(&#39;.disabled&#39;).popover({
		html: true, 
		trigger: &#39;manual&#39;, 
		title: function(){
			return &#39;訂票資訊&#39;;
		},
		content: function(){
			var $this = $(this);
			var $c = $(&#39;&lt;div class=&quot;pop&quot;&gt;&#39; +
				&#39;&lt;select name=&quot;ticket&quot; class=&quot;input-medium&quot;&gt;&lt;option value=&quot;&quot;&gt;-- 選擇票種 --&lt;/option&gt;&lt;option value=&quot;1&quot;&gt;學生&lt;/option&gt;&lt;/select&gt;&#39; +
				&#39;&lt;/div&gt;&#39;);

			$c.find(&#39;select&#39;).change(function(event){
				selected($(this).val(), $this);
				$this.addClass(&#39;selected&#39;).popover(&#39;hide&#39;);
			});

			return $c[0];
		}
	}).click(function(event){
		$(this).popover(&#39;toggle&#39;);
		event.stopPropagation();
	});

$seats.find('a.seat').not('.disabled').popover({

html: true,

trigger: 'manual',

title: function(){

return '訂票資訊';

content: function(){

var $this = $(this);

var $c = $('<div class="pop">' +

'<select name="ticket" class="input-medium"><option value="">-- 選擇票種 --</option><option value="1">學生</option></select>' +

'</div>');

$c.find('select').change(function(event){

selected($(this).val(), $this);

$this.addClass('selected').popover('hide');

});

return $c[0];

}

}).click(function(event){

$(this).popover('toggle');

event.stopPropagation();

});

Note:

trigger: manual and event.stopPropagation() are the keys
http://twitter.github.io/bootstrap/javascript.html#popovers
http://stackoverflow.com/questions/8947749/how-can-i-close-a-twitter-bootstrap-popover-with-a-click-from-anywhere-else-on

M	T	W	T	F	S	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31