10 09/2014

js code 笔记

最后更新: Wed Sep 10 2014 12:37:50 GMT+0800

分析 这段代码

!function ($) { // 执行匿名函数(返回 true)
  $(function(){ //jQuery dom  ready
    .....
     })
}(window.jQuery) 
$('section [href^=#]').click(function (e) {
  e.preventDefault()
})
书签不要跳
$('.bs-docs-sidenav').affix({
  offset: {
    top: function () { return $window.width() <= 980 ? 290 : 210 }//为啥不直接写呢
  , bottom: 270
  }
})
affix 锁定两头
window.prettyPrint && prettyPrint()    
如果有 prettyPrint 执行 ---
$('.add-on :checkbox').on('click', function () {
  var $this = $(this)
    , method = $this.attr('checked') ? 'addClass' : 'removeClass'
  $(this).parents('.add-on')[method]('active')
})

check 点上时 method 是 addClass,所以

$(this).parents('.add-on')[method]('active')

这时候是

$(this).parents('.add-on').addClass('active')

if ($('#gridSystem').length) {
  $('#gridSystem').tooltip({
      selector: '.show-grid > div'
    , title: function () { return $(this).width() + 'px' }
  })
}
tooltips
$('.popover-test').popover()

 $("a[rel=popover]")
    .popover()
    .click(function(e) {
  e.preventDefault()
})
a rel="popover" 的不触发链接 ---
$('#fat-btn')
.click(function () {
  var btn = $(this)
  btn.button('loading')
  setTimeout(function () {
    btn.button('reset')
  }, 3000)
})

没看懂


$('#components.download .toggle-all').on('click', function (e) {
  e.preventDefault()
  inputsComponent.attr('checked', !inputsComponent.is(':checked'))
})

var css = $("#components.download input:checked")
      .map(function () { return this.value })
      .toArray()
  , js = $("#plugins.download input:checked")
      .map(function () { return this.value })
      .toArray()
$("#variables.download input")
      .each(function () {
        $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
      })

      $.ajax({
        type: 'POST'
      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'
      , dataType: 'jsonpi'
      , params: {
          js: js
        , css: css
        , vars: vars
        , img: img
      }
      })

https://github.com/benvinegar/jquery-jsonpi