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'` 事件处理程序，在控制台输出 `'模态框已经显示完成'`。这样，我们就可以在模态框显示的不同阶段执行相应的操作。