rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

data-attributes need values to be picked up by jquery in ie8 and below :/

Browse Source
This commit is contained in:
Jacob Thornton 2011-09-11 23:29:34 -07:00
parent dcf9aabc44
commit 02d668fd2e
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@ -1262,7 +1262,7 @@
</div>
<h2>Fixed topbar</h2>
<div class="topbar-wrapper" style="z-index: 5;">
<div class="topbar" data-dropdown>
<div class="topbar" data-dropdown="pls" >
<div class="topbar-inner">
<div class="container">
<h3><a href="#">Project Name</a></h3>
@ -1331,7 +1331,7 @@
<li><a href="#">Messages</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#">Contact</a></li>
<li class="dropdown" data-dropdown>
<li class="dropdown" data-dropdown="pls">
<a href="#" class="dropdown-toggle">Dropdown</a>
<ul class="dropdown-menu">
<li><a href="#">Secondary link</a></li>

12
docs/javascript.html
View File

@ -39,7 +39,7 @@
<!-- Topbar
================================================== -->
<div class="topbar" data-scrollspy>
<div class="topbar" data-scrollspy="pls">
<div class="fill">
<div class="container">
<h3><a href="#">Bootstrap JS</a></h3>
@ -247,7 +247,7 @@ $('#my-modal').bind('hidden', function () {
</p>
<h3>Demo</h3>
<div class="topbar-wrapper">
<div id="topbar-example" class="topbar" data-dropdown>
<div id="topbar-example" class="topbar" data-dropdown="pls">
<div class="topbar-inner">
<div class="container">
<h3><a href="#">Project Name</a></h3>
@ -338,7 +338,7 @@ $('#my-modal').bind('hidden', function () {
<pre class="prettyprint linenums">$('.tabs').tabs()</pre>
<h3>Markup</h3>
<p>You can activate a tab or pill navigation without writing any javascript by simply giving them a <code>data-tabs</code> or <code>data-pills</code> attribute.</p>
<pre class="prettyprint linenums"> &lt;ul class="tabs" data-tabs &gt;...&lt;/ul&gt;</pre>
<pre class="prettyprint linenums"> &lt;ul class="tabs" data-tabs="pls" &gt;...&lt;/ul&gt;</pre>
<h3>Methods</h3>
<h4>$().tabs or $().pills</h4>
<p>
@ -366,7 +366,7 @@ $('#my-modal').bind('hidden', function () {
&lt;/script&gt;</pre>
</p>
<h3>Demo</h3>
<ul class="tabs" data-tabs >
<ul class="tabs" data-tabs="pls" >
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
@ -648,11 +648,11 @@ Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seita
<p>Closes an alert.</p>
<pre class="prettyprint linenums">$(".alert-message").alert('close')</pre>
<h3>Demo</h3>
<div class="alert-message warning fade in" data-alert >
<div class="alert-message warning fade in" data-alert="pls" >
<a class="close" href="#">&times;</a>
<p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>
</div>
<div class="alert-message block-message error fade in" data-alert >
<div class="alert-message block-message error fade in" data-alert="pls" >
<a class="close" href="#">&times;</a>
<p><strong>Oh snap! You got an error!</strong> Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
<div class="alert-actions">