From 5da8b315c0689a0625f5d6b7f9104226994865d1 Mon Sep 17 00:00:00 2001 From: Yohn Date: Sun, 23 Dec 2012 07:00:03 -0500 Subject: [PATCH] data-toggle instead of rel for tooltip and popover --- docs/javascript.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index 95cd6d5e64..37f7df925b 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -769,17 +769,17 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

Hover over the links below to see tooltips:

-

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

Four directions

@@ -858,7 +858,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

Markup

For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

- 
<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
+ 
<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>

Methods

$().tooltip(options)

@@ -930,16 +930,16 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

Live demo

- Click to toggle popover + Click to toggle popover

Four directions