Question

所以我一直在将我当前的项目从Bootstrap 2.3迁移到Bootstrap 3，这个项目有一些重大的结构变化，特别是由于单选按钮。目前我有

HTML：

<div class="btn-group" data-toggle="buttons">                            
  <label class="btn btn-primary">
    <input id="emViewMacsButton" name="options" type="radio">MAC
  </label>
  <label class="btn btn-primary">
    <input id="emViewTagsButton" name="options" type="radio">Tags
  </label>
  <label class="btn btn-primary">
    <input id="emViewSettingsButton" name="options" type="radio">Settings
  </label>
</div>

脚本代码：

$('#emViewMacsButton').on('click',emViewMacs());
$('#emViewTagsButton').on('click',emViewTags());                      
$('#emViewSettingsButton').on('click',emViewSettings());

我的问题在于我已经设置了我的程序，每个不同的单选按钮必须访问不同的功能才能显示表数据。 .on('click')函数不返回任何内容。我也试过$('input[name=options]')但是没有为返回的HTML片段上的任何单选按钮设置active属性。这个的正确结构是什么？

Answer 1

http://jsbin.com/uwezip/1/edit

将函数（myFunction()）传递给另一个函数回调时，只需删除()

$(function(){ // DOM is now ready to be manipulated

    $('#emViewMacsButton').on('change',emViewMacs);
    $('#emViewTagsButton').on('change',emViewTags);                      
    $('#emViewSettingsButton').on('change',emViewSettings);

});

Bootstrap 3单选按钮正确的语法

1 个答案: