Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导4默认选项卡窗格活动淡入不工作_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导4默认选项卡窗格活动淡入不工作

Javascript 引导4默认选项卡窗格活动淡入不工作,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,在研究动态导航选项卡的过程中,我决定在用户单击他们选择的选项卡时添加淡入效果 当模式首次加载时,默认情况下,下一行html将显示“主页”选项卡 <div id="home" class="tab-pane active"> 上面的工作正常,但… 如果我用下面的html代码替换上面的代码 <div id="home" class="tab-pane active fade in"> 当模式首次加载时,div home不会在中褪色。它只在用户单击另一个选项卡,然后

在研究动态导航选项卡的过程中,我决定在用户单击他们选择的选项卡时添加淡入效果

模式首次加载时,默认情况下,下一行html将显示“主页”选项卡

<div id="home" class="tab-pane active">

上面的工作正常,但…

如果我用下面的html代码替换上面的代码

<div id="home" class="tab-pane active fade in">

模式首次加载时,div home不会在中褪色。它只在用户单击另一个选项卡,然后返回主页选项卡时起作用

我的问题是,这种行为正常吗


家
菜单主页中的一些内容

菜单1 菜单1中的一些内容

菜单2 菜单2中的一些内容

菜单3 菜单3中的一些内容


您只需添加以下元素和引导css即可


生料牛仔布你可能没听说过,奥斯汀牛仔短裤。雀巢豆腐阿利夸,复古合成大师清洗。威廉斯堡卡尔斯素食者赫尔维蒂卡的胡子陈词滥调。Reprehenderit butcher retro keffiyeh dreamcatcher synth。Cosby毛衣eu banh mi,qui irure terry richardson前鱿鱼。salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫美国服装,屠夫voluptate nisi qui

生料牛仔布你可能没听说过,奥斯汀牛仔短裤。雀巢豆腐阿利夸,复古合成大师清洗。威廉斯堡卡尔斯素食者赫尔维蒂卡的胡子陈词滥调。Reprehenderit butcher retro keffiyeh dreamcatcher synth。Cosby毛衣eu banh mi,qui irure terry richardson前鱿鱼。salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫美国服装,屠夫voluptate nisi qui

生料牛仔布你可能没听说过,奥斯汀牛仔短裤。雀巢豆腐阿利夸,复古合成大师清洗。威廉斯堡卡尔斯素食者赫尔维蒂卡的胡子陈词滥调。Reprehenderit butcher retro keffiyeh dreamcatcher synth。Cosby毛衣eu banh mi,qui irure terry richardson前鱿鱼。salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫美国服装,屠夫voluptate nisi qui


在选项卡内容类中使用
淡入显示
而不是
淡入

参考文献

这是在bootstrap 4上解决此问题的方法。但是在Bootstrap3中,您的代码应该可以正常工作

引导程序3的相关问题。


家
菜单主页中的一些内容

菜单1 菜单1中的一些内容

菜单2 菜单2中的一些内容

菜单3 菜单3中的一些内容

我想我在class标签中遗漏了show<代码>