jQuery和Twitter的引導「按鈕」插件 - 選擇價值

Question

我有以下的HTML和想用引導的按鈕插件 - 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中獲取「value」元素？

Answer 1

您沒有選擇按鈕。它應該看起來像這樣。

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

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

    console.log(selected); 
});