Question

我想使用http://twitter.github.com/bootstrap/javascript.html#buttons

激活切换单个按钮

我想做的是......当我点击按钮并切换按钮状态改变他的文字时隐藏/显示视图。

这是我的代码（1）。它隐藏/显示视图，但不会更改按钮上的文本。我该如何使用bootstrap来做？

createToggleButton = function (parentElement) {
    var buttonElement = $(document.createElement('button'));

    buttonElement.text('Customize');
    buttonElement.prop('class', 'btn');
    buttonElement.attr('type', 'button');
    buttonElement.attr('data-toggle', 'button');
    parentElement.prepend(buttonElement);

    buttonElement.on('click', function (event) {
        event.preventDefault();
        $(event.currentTarget).parent('div').find('.control-group').toggle(function () {
            buttonElement.text('new message'); // it changes just the first time,
                               // then I would like to set the original message;
        });
    });
};

Answer 1

您的切换选项为什么不这样做：

$(event.currentTarget).parent('div').find('.control-group').toggle(function(){
    $(this).hide();
    $('.btn').attr('value','First text you want');
},function(){
    $(this).show();
    $('.btn').attr('value','Second text you want');
});

使用引导程序激活在单个按钮上切换

1 个答案: