gpt4 book ai didi

javascript - Bootbox 不显示弹出模式

转载 作者:行者123 更新时间:2023-12-03 01:26:44 25 4
gpt4 key购买 nike

我已经在我的项目中下载了 bootbox.js 并实现了此代码来显示弹出模式对话框,但我的控制台中没有打印任何错误或成功结果。我对错误生成的位置感到困惑。

JS文件

$('switch input[type="checkbox"]').on('change',function(){

var checkbox=$(this);
var checked=checkbox.prop('checked');
var dMsg=(checked)? 'You want to activate the product':
'You want to deactivate the product';
var value=checkbox.prop('value');

bootbox.confirm({
size: 'medium',
title: 'Product Activation & Deactivation',
message: dMsg,
callback: function(confirmed){

if(confirmed){
console.log(value);
bootbox.alert({
size: 'medium',
title: 'Information',
message : 'you are going to perform operation on product'+ value

});
}
else{
checkbox.prop('checked',!checked);
}
}

});

});

html 文件

 <!-- toggle switch -->
<label class="switch">
<input type="checkbox" checked="checked" value="4" />
<div class="slider"></div>
</label>

最佳答案

您使用了错误的选择器。您使用标签而不是“switch”的类。您需要使用

$('.switch input[type="checkbox"]')

相反。

引用号。 https://api.jquery.com/category/selectors/

此外,请确保您已添加依赖项 - jquery 和 bootstrap。工作版本 - http://jsfiddle.net/grrakesh4769/85etyhfc/3/

关于javascript - Bootbox 不显示弹出模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51502783/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com