shown.bs.modal
时间: 2023-11-15 22:02:41 浏览: 145
shown.bs.modal是Bootstrap模态框插件中的一个事件,当模态框完全展示在用户面前时,该事件就会被触发。在该事件中,可以执行一些动作,例如加载数据、初始化表单等。但需要注意的是,如果该事件没有被正确地解绑,每次打开模态框时都会触发该事件,导致事件触发次数累加。因此,在使用该事件时,需要注意解绑该事件,以避免出现问题。
相关问题
hide.bs.modal 无法console
如果您想在 Bootstrap 的 hide.bs.modal 事件中使用 console.log(),但是发现没有任何输出,可能是因为此事件被触发时,模态框已经被隐藏,因此 console.log() 打印信息无法在浏览器控制台中看到。
您可以尝试在其他事件(例如 shown.bs.modal)中使用 console.log(),或者使用调试工具打断点来查看在 hide.bs.modal 事件中发生了什么。
hidden.bs.modal 获取bootstrap 模态框里的值
要获取 Bootstrap 模态框里的值,可以使用 jQuery 的 `.find()` 方法找到模态框中的元素,然后获取其值。例如,假设你的模态框中有一个表单,其中有一个输入框的 id 为 `input1`,你可以通过以下代码获取该输入框的值:
```javascript
var modal = $('#myModal'); // 获取模态框元素
var inputVal = modal.find('#input1').val(); // 获取输入框的值
```
需要注意的是,上述代码只有在模态框已经完全加载并显示出来后才能生效,因此最好在模态框的 `shown.bs.modal` 事件中执行该代码,例如:
```javascript
$('#myModal').on('shown.bs.modal', function () {
var inputVal = $(this).find('#input1').val(); // 获取输入框的值
console.log(inputVal);
});
```
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)