使用Jquery和Bootstrap处理多模式的最佳方式

Best way to handle mutliple modals using Jquery and Bootstrap

本文关键字：模式最佳方式处理 Jquery Bootstrap 使用更新时间：2023-09-26

我正在开发Rails应用程序，我正在寻找使用Jquery处理堆叠模式的最佳方法。

我有一个动作"ADD"触发ADD MODAL。我有一个动作"FIND"，它触发"FIND（查找）"模态，从"FIND"模态，我有一"ADD"按钮，它将触发ADD模态并隐藏FIND模态。

目前，我正在关闭Find模态并触发ADD模态，然后在成功添加之后，我正在渲染Find模态。（我使用隐藏变量存储Find的状态，并通过在请求之间传递它）

通过在Jquery中存储以前模态的状态，最好的方法是什么？

感谢

我不会说这是最好的方法，但它在类似的情况下对我有效。

您所能做的就是在一个模式中为添加和搜索功能定义单独的部分。当为Add打开模型时，只显示Add部分，当为Find打开时，显示Find部分。现在，当模态打开以进行查找并单击添加按钮时，显示添加部分并隐藏查找部分。执行完添加代码（或取消添加）后，再次显示查找部分并隐藏添加部分。这样，你就不会因为模态一个接一个地弹出而打扰用户。当您在节之间切换时，状态可以存储在模态的隐藏字段中。希望我糟糕的英语能让你朝着正确的方向前进。