Question

我在使用jquery slideToogle时遇到麻烦。当我使用常规切换（隐藏/显示）时，它可以工作。当我使用引导程序的v4'collapes'时也没有问题。但是我想改用自定义的jquery来拥有更多的控制功能，例如幻灯片的速度。

以下是我的代码： jQuery：

<script> 
$(document).ready(function(){
    $("#reservas").click(function(){
        $("#reservas_form").slideToggle("slow");
    });
});
</script>

Answer 1

问题是您使用的是jQuery的超薄版本，它不包含.slideToggle（）。尝试包括常规版本的jQuery来解决您的问题。我相信引导程序默认情况下会使用苗条版本。

Answer 2

slim版本排除了slideToggle预期的动画效果；因此该函数未定义。

修身

有时候您不需要ajax，或者您更喜欢使用其中一种   专注于ajax请求的独立库。通常是   更简单地将CSS和类操作结合使用   您的网络动画。随着普通版本的jQuery   包括ajax和effects模块，我们发布了“ slim”版本   不包括这些模块。

使用jquery的工作示例

$("#menu").click(function(){
        $("#content").slideToggle("slow");
 });

#content{
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menu">Show Menu</div>
<div id="content">Menu Contnet</div>

jQuery slideToggle在使用Bootstrap v4时不起作用

2 个答案: