javascript - JQuery 和 Twitter Bootstrap “按钮”插件 - 选择值

Question

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

<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，但返回未定义。

$('.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);
});