在Bootstrap模态窗口内使用jQuery slideToggle（）div

Question

我想通过选中引导模式窗口形式内的复选框来对div slideToggle()执行jQuery效果。但是代码无法正常工作。但是，它在正常窗口中显示良好的结果。如何在模态窗口中运行jQuery？

Answer 1

Bootstrap的模态类公开了一些事件，可以挂接到诸如show.bs.modal之类的模态功能中。

这里是代码示例。您可以使用。

//#myModal - bootstrap modal id
$("#myModal").on('show.bs.modal', function(){
     $('#id_of_toggle_div').hide();

    //.checkbox - Class of checkbox inside a bootstrap modal, which is used to toggle the required div on click.
    $(".checkbox").click(function(){

        //id_of_toggle_div - div inside a bootstrap modal which will toggle on click on the checkbox
        $("#id_of_toggle_div").slideToggle();
    });
});