尝试在输入复选框选择时打开bootstrap下拉菜单

时间:2015-02-25 20:10:35

标签: jquery twitter-bootstrap twitter-bootstrap-3

我在点击输入复选框时尝试打开bootstrap 3下拉菜单。 我尝试过“点击”和“更改”:

$('#my-contacts input[type=checkbox]').on('change', function () {
    $('#groups').trigger('click.bs.dropdown');
}

以及:

$('#my-contacts input[type=checkbox]').on('change', function () {
    $('#groups').dropdown('toggle');
}

但没有任何事情发生。 当我尝试使用chrome控制台启动这些功能时,它们的工作非常完美。 但出于某种原因,当我从外部JS或从html脚本加载它时,没有任何作用。

1 个答案:

答案 0 :(得分:0)

如果您切换click,订阅.dropdown-menu事件会有效:

$('.dropdown-menu').delay(200).toggle('slide');

示例:http://plnkr.co/edit/1835M7gxU3tYVpEEheXf?p=info