jquery on(shown.zui.modal) ZUI框架里面的意思

在 ZUI 框架中，`.on('shown.zui.modal', handler)` 是用于绑定在模态框（Modal）显示完成后触发的事件。这个事件是 ZUI 框架自定义的事件，并且命名为 `'shown.zui.modal'`。

具体来说，当一个模态框完全显示并且过渡效果完成后，会触发 `'shown.zui.modal'` 事件。你可以使用 `.on('shown.zui.modal', handler)` 方法来为该事件添加处理程序（handler），以便在模态框显示完成后执行相应的操作。

以下是一个示例：

$('#myModal').on('shown.zui.modal', function () {
  console.log('模态框已经显示完成');
  // 执行其他操作
});

在上述代码中，我们使用 `.on('shown.zui.modal', handler)` 方法为 id 为 `myModal` 的模态框添加了一个事件处理程序。当模态框显示完成后，会在控制台输出 `'模态框已经显示完成'`。

需要注意的是，`.on('shown.zui.modal', handler)` 方法是 jQuery 的事件绑定方法，通过它可以绑定自定义的 ZUI 框架事件。要使用这个事件，确保已引入了正确的 ZUI 框架文件，并按照正确的方式初始化和显示模态框。

相关问题

query on(shown.zui.modal) on(show.zui.modal) ZUI框架里面的却别

在 ZUI 框架中，`on('shown.zui.modal', handler)` 和 `on('show.zui.modal', handler)` 是两个不同的事件绑定方法，用于处理模态框（Modal）显示相关的事件。

1. `on('shown.zui.modal', handler)`: 这个方法用于绑定在模态框完全显示后触发的事件。当模态框显示完成并且过渡效果完成后，会触发 `'shown.zui.modal'` 事件。你可以使用这个方法来执行在模态框显示完成后需要进行的操作。

2. `on('show.zui.modal', handler)`: 这个方法用于绑定在模态框开始显示时触发的事件。当模态框开始显示并且过渡效果开始时，会触发 `'show.zui.modal'` 事件。你可以使用这个方法来执行在模态框显示前需要进行的操作。

需要注意的是，`'shown.zui.modal'` 和 `'show.zui.modal'` 是 ZUI 框架自定义的事件名称，用于指定模态框显示相关的事件。通过这两个事件，你可以在适当的时机执行相应的操作，例如初始化内容、加载数据、调整布局等。

以下是一个示例代码，演示了如何同时使用这两个事件：

$('#myModal').on('show.zui.modal', function () {
  console.log('模态框开始显示');
  // 执行其他操作
}).on('shown.zui.modal', function () {
  console.log('模态框已经显示完成');
  // 执行其他操作
});

在上述代码中，我们使用 `.on('show.zui.modal', handler)` 方法为模态框绑定了一个 `'show.zui.modal'` 事件处理程序，在控制台输出 `'模态框开始显示'`。同时，使用 `.on('shown.zui.modal', handler)` 方法为模态框绑定了一个 `'shown.zui.modal'` 事件处理程序，在控制台输出 `'模态框已经显示完成'`。这样，我们就可以在模态框显示的不同阶段执行相应的操作。

jquery on(shown.zui.modal) ZUI框架里面的打开一次页面，缺调用了两次这个方法，为什么？怎么排查

如果在 ZUI 框架中打开一次页面时，`on('shown.zui.modal', handler)` 方法被调用了两次，可能是由于以下原因导致的：

1. 重复绑定事件：可能在页面中多次调用了 `on('shown.zui.modal', handler)` 方法，导致事件处理程序被多次绑定。请检查代码，确保只在需要时调用一次该方法。

2. 多个模态框：如果页面中存在多个模态框，并且每个模态框都调用了 `on('shown.zui.modal', handler)` 方法，那么每个模态框的显示完成事件都会触发该方法。这可能是你预期的行为，但如果你只想在特定的模态框上绑定事件，需要确保选择器或特定标识符正确地指定了目标模态框。

为了排查这个问题，可以按照以下步骤进行操作：

1. 检查代码：仔细检查代码，查找是否有多次调用 `on('shown.zui.modal', handler)` 的情况。确保只在需要时调用一次该方法。

2. 确认元素选择器：如果你使用了选择器来指定模态框，确保选择器正确地选择了目标模态框，并且没有选择到其他不需要的元素。

3. 调试输出：在事件处理程序函数中添加调试输出语句，例如 `console.log('事件处理程序被调用')`，以确认事件处理程序是否被多次触发。

4. 检查模态框数量：确定页面上是否存在多个模态框，以及每个模态框是否都调用了 `on('shown.zui.modal', handler)` 方法。

通过以上步骤，你应该能够排查出为什么 `on('shown.zui.modal', handler)` 方法被调用了两次的原因，并解决问题。