Bootstrap手风琴禁用控件

时间:2016-04-19 00:35:06

标签: javascript jquery twitter-bootstrap accordion

我使用下面的代码段来:

  • 禁用隐藏面板中的所有:输入元素;
  • 启用所有:可见面板中的输入元素(只需打开一个面板);

    $(" .panel")。on(" show.bs.collapse",function(e){     $(this).find(':input')。attr(' disabled',false); });

    $(" .panel")。on(" hide.bs.collapse",function(e){     $(this).find(':input')。attr(' disabled',true); });

但似乎行不通。我怎样才能解决这个问题?谢谢! P.S:页面加载后隐藏所有面板。

1 个答案:

答案 0 :(得分:1)

尝试将attr()替换为prop()http://api.jquery.com/prop/

$(".panel").on("show.bs.collapse", function(e) {
    $(this).find(':input').prop('disabled', false);
});

$(".panel").on("hide.bs.collapse", function(e) {
    $(this).find(':input').prop('disabled', true);
});