使用Jquery和Bootstrap处理多个模态的最佳方法

时间:2014-10-05 10:11:56

标签: javascript jquery ruby-on-rails twitter-bootstrap

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

我有一个动作" ADD"触发ADD MODAL。 我有一个动作"发现"触发" FIND"模态和来自" FIND"莫代尔,我有一个" ADD"按钮将触发ADD模态并隐藏FIND模态。

目前,我正在关闭查找模式并触发ADD模式,然后在成功添加后,我正在渲染查找模式。 (我使用隐藏变量存储Find的状态,并在请求之间传递它)

通过在Jquery中存储先前模态的状态,最好的方法是什么?

由于

1 个答案:

答案 0 :(得分:0)

我不会说这是最好的方法,但它对我来说也有类似的情况。

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