jquery mobile 在点击时清除 DOM

Posted

技术标签:

【中文标题】jquery mobile 在点击时清除 DOM【英文标题】:jquery mobile clear the DOM on click 【发布时间】:2014-05-30 03:24:36 【问题描述】:

我正在创建一个小型 jquery 移动 web 应用程序,但在使用 data-dom-cache='true' 时遇到了问题。我有这个设置,因为用户将进行搜索,data-mode='columntoggle' 表加载了一个用于响应式设计的“选择列”按钮,该按钮保存搜索结果,然后链接到新页面。当用户进入新页面时,他们可以使用“返回”按钮,并且由于 data-dom-cache='true' 保留了搜索(表单数据),他们不需要重新输入搜索条件并重新提交。

但是,这导致我的列切换按钮和屏幕上的任何弹出窗口出现问题,即使页面链接更改为“contract_List.php#&ui-state=dialog”,它们也根本不起作用,我假设因为这些弹出窗口 id 已经保存在 DOM 中,所以应用程序不知道如何处理它们?

请原谅我缺乏这方面的知识,我的问题是我是否能够在提交新搜索或打开特定页面时触发 DOM 清除,这样我就不会在弹出窗口中出现错误?对我来说,当用户进行新搜索时,应该从 DOM 中删除旧搜索也很有意义?

感谢您的帮助!

【问题讨论】:

【参考方案1】:

我找到了一个非常简单的解决方案。我为提交时将用户带到我使用过data-dom-cache='true' 的搜索的每个表单设置了data-ajax='false'

【讨论】:

以上是关于jquery mobile 在点击时清除 DOM的主要内容,如果未能解决你的问题,请参考以下文章

jQuery Mobile Slider 禁用点击事件

当用户在弹出窗口之外点击时,防止 JQuery Mobile 关闭弹出窗口

点击事件上的 jQuery Mobile listview 小部件不会为 Mobile 触发

jQuery Mobile 停止对父级的点击传播

在iOS上处理jQuery Mobile点击事件后防止点击事件

如何在 jquery mobile 中获取释放点击事件的滑块值?