Javascript jQuery:collapse不';无法在页面加载时工作
请看一下这个片段:Javascript jQuery:collapse不';无法在页面加载时工作,javascript,jquery,html,Javascript,Jquery,Html,请看一下这个片段: $(“文档”).ready(函数(){ $(“#eth0_模式”)。更改(函数(){ $(“#组”).find(“:input”).prop(“禁用”,this.value==“dhcp”); $(“#组”).collapse(this.value==“dhcp”?“hide”:“show”); }); $(“#eth0_模式”).val(“dhcp”).trigger(“更改”); }); DHCP 具有回退功能的DHCP 静态地址 您需要将collapse类添加到#g
$(“文档”).ready(函数(){
$(“#eth0_模式”)。更改(函数(){
$(“#组”).find(“:input”).prop(“禁用”,this.value==“dhcp”);
$(“#组”).collapse(this.value==“dhcp”?“hide”:“show”);
});
$(“#eth0_模式”).val(“dhcp”).trigger(“更改”);
});代码>
DHCP
具有回退功能的DHCP
静态地址
您需要将collapse
类添加到#group
元素以使其工作:
$(“文档”).ready(函数(){
$(“#eth0_模式”)。更改(函数(){
$(“#组”).find(“:input”).prop(“禁用”,this.value==“dhcp”);
$(“#组”).collapse(this.value==“dhcp”?“hide”:“show”);
});
$(“#eth0_模式”).val(“dhcp”).trigger(“更改”);
});代码>
DHCP
具有回退功能的DHCP
静态地址
我在代码段窗口中看到“脚本错误”消息,但我不明白实际错误是什么…错误是“未捕获错误:引导下拉列表需要Popper.js”已修复,谢谢。当然,意外的行为仍然存在。是的,但这样div就会一直崩溃,不是吗?这只是第一项需要这种行为的情况。应由更改事件处理程序决定其状态。要使用collapse('hide')
,元素必须是collapse show
。另一个选项是将类设置为collapse show
,然后collapse('hide')
函数将工作。相应地更新了代码。请注意,这样您将获得隐藏
动画。。。不确定你是否想要。抱歉耽搁了,我没那么快:)我已经在实际环境中试过了。我认为你的方法是可以接受的。底线是Chrome不执行该功能?有没有已知的原因?我不认为这与chrome有关。原始代码在firefox中也不起作用。。。为了使用折叠('hide')
必须使相关元素具有折叠的类,因为它不在那里-它只有在添加后才能工作(使用显示)。