JQuery和Twitter Bootstrap"按钮"插件 - 选择值

Question

我有以下HTML并想使用Bootstrap的按钮插件 - http://twitter.github.com/bootstrap/javascript.html#buttons来选择"value"元素:

<div class="btn-group pull-right nav-tabs" data-toggle="buttons-radio">
  <button class="btn" value="60">Hour</button>
  <button class="btn" value="1440">Day</button>
  <button class="btn" value="10080">Week</button>
  <button class="btn" value="43200">30 Day</button>
</div>

我有以下JavaScript成功执行onClick,但返回undefined.

$('.nav-tabs').button().click( function(e){     

  var selected = $(this).attr('value');

  console.log(selected);
});

任何人都可以建议我如何从HTML获取"价值"元素？

Answer 1

你没有选择按钮.它看起来应该是这样的.

$('.nav-tabs').on('click', 'button', function(e){     

  var selected = $(this).attr('value');

  console.log(selected);
});