method invocation jqueryui style

docs/assets/js/application.js

@@ -51,7 +51,7 @@ $(document).ready(function(){
         , trigger: 'manual'
         , offset: 2
         })
-        .trigger('twipsy:show')
+        .twipsy('show')
       })
   })
 });

docs/index.html

@@ -1324,7 +1324,7 @@
         <li><a href="#">Messages</a></li>
         <li><a href="#">Settings</a></li>
         <li><a href="#">Contact</a></li>
-        <li class="dropdown">
+        <li class="dropdown" data-dropdown>
           <a href="#" class="dropdown-toggle">Dropdown</a>
           <ul class="dropdown-menu">
             <li><a href="#">Secondary link</a></li>

js/bootstrap-alerts.js

@@ -51,30 +51,25 @@
  /* ALERT CLASS DEFINITION
   * ====================== */
 
-  var Alert = function ( content ) {
-    var that = this
+  var Alert = function ( content, selector ) {
     this.$element = $(content)
-      .bind('alert:hide', $.proxy(this.close, this))
-      .delegate('.close', 'click', function (e) {
-        e.preventDefault()
-        that.close()
-      })
+      .delegate(selector || '.close', 'click', this.close)
   }
 
   Alert.prototype = {
 
-    close: function () {
-      var that = this
+    close: function (e) {
+      var $element = $(this).parent('.alert-message')
 
-      this.$element.removeClass('in')
+      e && e.preventDefault()
+      $element.removeClass('in')
 
       function removeElement () {
-        that.$element.remove()
-        that.$element = null
+        $element.remove()
       }
 
-      $.support.transition && this.$element.hasClass('fade') ?
-        this.$element.bind(transitionEnd, removeElement) :
+      $.support.transition && $element.hasClass('fade') ?
+        $element.bind(transitionEnd, removeElement) :
         removeElement()
     }
 
@@ -85,9 +80,25 @@
   * ======================= */
 
   $.fn.alert = function ( options ) {
+
+    if ( options === true ) {
+      return this.data('alert')
+    }
+
     return this.each(function () {
-      new Alert(this)
+      var $this = $(this)
+
+      if ( typeof options == 'string' ) {
+        return $this.data('alert')[options]()
+      }
+
+      $(this).data('alert', new Alert( this ))
+
     })
   }
 
+  $(function () {
+    new Alert($('body'), '.alert-message[data-alert] .close')
+  })
+
 })( jQuery || ender )
\ No newline at end of file

js/bootstrap-popover.js

@@ -24,6 +24,7 @@
     this.$element = $(element)
     this.options = options
     this.enabled = true
+    this.fixTitle()
   }
 
   /* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js
@@ -38,22 +39,13 @@
       $tip[0].className = 'popover'
     }
 
-  , fixTitle: function () {}
+  , getContent: function () {
+      var contentvar
+       , $e = this.$element
+       , o = this.options
 
-  , getTitle: function () {
-      var title
-      if (typeof this.options.title == 'string') {
-        title = this.$element.attr('data-title') || this.options.title
-      } else if (typeof this.options.title == 'function') {
-        title = this.options.title.call(this.$element[0])
-      }
-      return title
-    }
-
-  , getContent: function () {content
-      var content
       if (typeof this.options.content == 'string') {
-        content = this.$element.attr('data-content') || this.options.content
+        content = $e.attr(o.content)
       } else if (typeof this.options.content == 'function') {
         content = this.options.content.call(this.$element[0])
       }
@@ -80,6 +72,6 @@
     return this
   }
 
-  $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { content: 'content', placement: 'right'})
+  $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { content: 'data-content', placement: 'right'})
 
 })( jQuery || ender )
\ No newline at end of file

js/bootstrap-twipsy.js

@@ -282,9 +282,6 @@
       this[binder](eventIn, enter)[binder](eventOut, leave)
     }
 
-    this.bind(name + ':show', enter)
-    this.bind(name + ':hide', leave)
-
     return this
   }