1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 18:40:03 +00:00

fix scrollspy simplify stuff more - break everything.

This commit is contained in:
Jacob Thornton 2011-10-19 23:12:50 -07:00
parent 5ab84f942d
commit 523e02f7df
10 changed files with 78 additions and 57 deletions

View File

@ -53,8 +53,8 @@
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-dropdown="true">Patterns</a> <a href="#" class="dropdown-toggle" data-dropdown="true">Patterns</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#navigation">Navigation</a></li>
<li><a href="#media">Media</a></li> <li><a href="#media">Media</a></li>
<li><a href="#navigation">Navigation</a></li>
<li><a href="#alerts">Alerts</a></li> <li><a href="#alerts">Alerts</a></li>
<li><a href="#popovers">Popovers</a></li> <li><a href="#popovers">Popovers</a></li>
<li><a href="#autocomplete">Autocomplete</a></li> <li><a href="#autocomplete">Autocomplete</a></li>
@ -147,6 +147,7 @@
<!-- About Bootstrap <!-- About Bootstrap
================================================== --> ================================================== -->
<section id="about">
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<h2>Built for and by nerds</h2> <h2>Built for and by nerds</h2>
@ -177,6 +178,7 @@
</ul> </ul>
</div> </div>
</div><!-- /row --> </div><!-- /row -->
</section>
<h3>Quick-start examples</h3> <h3>Quick-start examples</h3>
<p>Need some quick templates? Check out these basic examples we've put together:</p> <p>Need some quick templates? Check out these basic examples we've put together:</p>
@ -2162,6 +2164,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
<script src="http://autobahn.tablesorter.com/jquery.tablesorter.min.js"></script> <script src="http://autobahn.tablesorter.com/jquery.tablesorter.min.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script> <script src="assets/js/google-code-prettify/prettify.js"></script>
<script>$(function () { prettyPrint() })</script> <script>$(function () { prettyPrint() })</script>
<script src="../js/bootstrap-transitions.js"></script>
<script src="../js/bootstrap-dropdown.js"></script> <script src="../js/bootstrap-dropdown.js"></script>
<script src="../js/bootstrap-twipsy.js"></script> <script src="../js/bootstrap-twipsy.js"></script>
<script src="../js/bootstrap-scrollspy.js"></script> <script src="../js/bootstrap-scrollspy.js"></script>

View File

@ -1,5 +1,5 @@
/* ============================================================= /* =============================================================
* bootstrap-accordion.js v1.3.0 * bootstrap-accordion.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#accordion * http://twitter.github.com/bootstrap/javascript.html#accordion
* ============================================================= * =============================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.

View File

@ -1,5 +1,5 @@
/* ========================================================== /* ==========================================================
* bootstrap-alerts.js v1.3.0 * bootstrap-alerts.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#alerts * http://twitter.github.com/bootstrap/javascript.html#alerts
* ========================================================== * ==========================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.

View File

@ -1,5 +1,5 @@
/* ============================================================ /* ============================================================
* bootstrap-dropdown.js v1.3.0 * bootstrap-dropdown.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#dropdown * http://twitter.github.com/bootstrap/javascript.html#dropdown
* ============================================================ * ============================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.
@ -22,6 +22,7 @@
/* APPLY TO STANDARD DROPDOWN ELEMENTS /* APPLY TO STANDARD DROPDOWN ELEMENTS
* =================================== */ * =================================== */
var selector = '[data-dropdown]'
function clearMenus() { function clearMenus() {
$(selector).parent('li').removeClass('open') $(selector).parent('li').removeClass('open')
@ -29,7 +30,7 @@
$(function () { $(function () {
$('html').bind("click", clearMenus) $('html').bind("click", clearMenus)
$('body').delegate('[data-dropdown]', 'click', function (e) { $('body').delegate(selector, 'click', function (e) {
var li = $(this).parent('li') var li = $(this).parent('li')
, isActive = li.hasClass('open') , isActive = li.hasClass('open')
clearMenus() clearMenus()

View File

@ -1,5 +1,5 @@
/* ========================================================= /* =========================================================
* bootstrap-modal.js v1.3.0 * bootstrap-modal.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#modal * http://twitter.github.com/bootstrap/javascript.html#modal
* ========================================================= * =========================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.

View File

@ -1,5 +1,5 @@
/* =========================================================== /* ===========================================================
* bootstrap-popover.js v1.3.0 * bootstrap-popover.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#popover * http://twitter.github.com/bootstrap/javascript.html#popover
* =========================================================== * ===========================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.

View File

@ -1,5 +1,5 @@
/* ============================================================= /* =============================================================
* bootstrap-scrollspy.js v1.3.0 * bootstrap-scrollspy.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#scrollspy * http://twitter.github.com/bootstrap/javascript.html#scrollspy
* ============================================================= * =============================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.
@ -22,14 +22,14 @@
var $window = $(window) var $window = $(window)
function ScrollSpy( topbar, selector ) { function ScrollSpy() {
var processScroll = $.proxy(this.processScroll, this) var process = $.proxy(this.process, this)
this.$topbar = $(topbar) this.$topbar = $('body')
this.selector = selector || 'li > a' this.selector = '[data-scrollspy] li > a'
this.refresh() this.refresh()
this.$topbar.delegate(this.selector, 'click', processScroll) this.$topbar.delegate(this.selector, 'click', process)
$window.scroll(processScroll) $window.scroll(process)
this.processScroll() this.process()
} }
ScrollSpy.prototype = { ScrollSpy.prototype = {
@ -45,7 +45,7 @@
}) })
} }
, processScroll: function () { , process: function () {
var scrollTop = $window.scrollTop() + 10 var scrollTop = $window.scrollTop() + 10
, offsets = this.offsets , offsets = this.offsets
, targets = this.targets , targets = this.targets
@ -56,27 +56,34 @@
activeTarget != targets[i] activeTarget != targets[i]
&& scrollTop >= offsets[i] && scrollTop >= offsets[i]
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1]) && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
&& this.activateButton( targets[i] ) && this.activate( targets[i] )
} }
} }
, activateButton: function (target) { , activate: function (target) {
var active
this.activeTarget = target this.activeTarget = target
this.$topbar this.$topbar
.find(this.selector).parent('.active') .find(this.selector).parent('.active')
.removeClass('active') .removeClass('active')
this.$topbar active = this.$topbar
.find(this.selector + '[href="' + target + '"]') .find(this.selector + '[href="' + target + '"]')
.parent('li') .parent('li')
.addClass('active') .addClass('active')
if ( active.parent('.dropdown-menu') ) {
active.closest('li.dropdown').addClass('active')
}
} }
} }
$(function () { $(function () {
$('body').scrollSpy('[data-scrollspy] li > a') new ScrollSpy()
}) })
}( window.jQuery || window.ender ) }( window.jQuery || window.ender )

17
js/bootstrap-tabs.js vendored
View File

@ -1,5 +1,5 @@
/* ======================================================== /* ========================================================
* bootstrap-tabs.js v1.3.0 * bootstrap-tabs.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#tabs * http://twitter.github.com/bootstrap/javascript.html#tabs
* ======================================================== * ========================================================
* Copyright 2011 Twitter, Inc. * Copyright 2011 Twitter, Inc.
@ -21,13 +21,22 @@
!function( $ ){ !function( $ ){
function activate ( element, container ) { function activate ( element, container ) {
container.find('> .active').removeClass('active') container
.find('> .active')
.removeClass('active')
.find('> .dropdown-menu > .active')
.removeClass('active')
element.addClass('active') element.addClass('active')
if ( element.parent('.dropdown-menu') ) {
element.closest('li.dropdown').addClass('active')
}
} }
function tab( e ) { function tab( e ) {
var $this = $(this) var $this = $(this)
, $ul = $this.closest('ul') , $ul = $this.closest('ul:not(.dropdown-menu)')
, href = $this.attr('href') , href = $this.attr('href')
, previous , previous
@ -38,7 +47,7 @@
return return
} }
previous = $ul.find('.active a')[0] previous = $ul.find('.active a').last()[0]
$href = $(href) $href = $(href)
activate($this.parent('li'), $ul) activate($this.parent('li'), $ul)

View File

@ -1,5 +1,5 @@
/* ========================================================== /* ==========================================================
* bootstrap-twipsy.js v1.3.0 * bootstrap-twipsy.js v2.0.0
* http://twitter.github.com/bootstrap/javascript.html#twipsy * http://twitter.github.com/bootstrap/javascript.html#twipsy
* Adapted from the original jQuery.tipsy by Jason Frame * Adapted from the original jQuery.tipsy by Jason Frame
* ========================================================== * ==========================================================

View File

@ -11,6 +11,7 @@
<script src="vendor/qunit.js"></script> <script src="vendor/qunit.js"></script>
<!-- plugin sources --> <!-- plugin sources -->
<script src="../../js/bootstrap-transitions.js"></script>
<script src="../../js/bootstrap-alerts.js"></script> <script src="../../js/bootstrap-alerts.js"></script>
<script src="../../js/bootstrap-dropdown.js"></script> <script src="../../js/bootstrap-dropdown.js"></script>
<script src="../../js/bootstrap-modal.js"></script> <script src="../../js/bootstrap-modal.js"></script>