我使用按钮启动 Bootstrap 模式，然后通过 jQuery 更改按钮类和文本。我想在按钮类更改后启动另一个 Bootstrap 模式。
这是我的代码
$('.btn myBtn1').click(function () {
var id = $(this).closest('tr').data('id');
$('#myModal1').data('id', id).modal('show');
$('. btn').addClass(' myBtn2');
$('. btn').removeClass(' myBtn1');
});
//second modal code
$('.btn myBtn2').click(function () {
var id = $(this).closest('tr').data('id');
$('#myModal2').data('id', id).modal('show');
$('. btn').addClass(' myBtn1');
$('. btn'). removeClass(' myBtn2');
});
我的问题是它启动了相同的模式。模态 1 并且从不加载模态 2。我应该怎么做才能解决这个问题？感谢您的时间。
最佳答案
更改以下代码行:
//second modal code
$('.btn myBtn2').click(function () {
到
//second modal code
$(document).on('click', '.btn myBtn2', function(){
原因:当您动态更改选择器时，您必须使事件监听器也能够处理该问题。
$('selector').click(); 仅适用于静态选择器。
关于javascript - 从 Ajax 更改按钮加载 Bootstrap 模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41634766/