bootstrap hidden.bs.modal 没有relatedTarget
时间: 2023-06-27 19:03:21 浏览: 42
`hidden.bs.modal` 事件是在模态框的 `hide` 方法被调用之后触发的,它没有 `relatedTarget` 属性。相反,它具有 `target` 属性,该属性指示触发事件的元素(即模态框本身)。如果需要在模态框隐藏之前执行一些操作并且需要相关的目标元素,可以考虑使用 `hide.bs.modal` 事件。该事件在隐藏模态框之前触发,它具有 `relatedTarget` 属性,该属性指示触发事件的元素(即触发模态框隐藏的按钮或链接)。
相关问题
bootstrap hide.bs.modal 没有relatedTarget
`hide.bs.modal` 事件确实没有 `relatedTarget` 属性。这是因为 `relatedTarget` 属性通常用于事件之间的关系,但是在模态框隐藏时并没有与其他元素之间的关系。
如果您需要在模态框隐藏时获取一些与其他元素相关的信息,可以尝试使用其他属性或方法,例如:
- `$(this).data('bs.modal')`:可以获取模态框的相关数据,例如模态框触发器的元素、模态框的选项等。
- `$(document.activeElement)`:可以获取当前处于焦点状态的元素,可能是触发模态框的元素。
您可以根据具体的需求来选择合适的方法来获取相关信息。
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);
});
```