Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在某些情况下如何禁用jQueryMobile页面更改?

在某些情况下如何禁用jQueryMobile页面更改?
EN

Stack Overflow用户
提问于 2012-04-20 00:58:55
回答 2查看 202关注 0票数 0

我正在编写一个Rails应用程序,并且我正在为移动视图使用jQueryMobile。

大多数时候,我希望允许JQM像往常一样通过添加和删除“页面”来操作DOM。但是,在某些情况下,我希望覆盖默认行为,并执行自己的一些简单的DOM操作。

例如,我有一个用户列表,每个用户都有一个“添加到联系人”链接/表单。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ul data-role='listview'>

  <li>
    <span class='name' id="user_56757234">Jim</span>
    <form action="/contacts" class="new_contact_form" data-remote="true" data-type="json" id="new_contact_form_56757234" method="post">
      <!-- form info here -->
      <input name="commit" type="submit" value="Add Contact" />
    </form>
  </li>

  <li>
    <span class='name' id="user_975827294">Fred</span>
    <form action="/contacts" class="new_contact_form" data-remote="true" data-type="json" id="new_contact_form_975827294" method="post">
      <!-- form info here -->
      <input name="commit" type="submit" value="Add Contact" />
    </form>
  </li>

  <!-- etc... -->

</ul>

在用户单击添加给定联系人后,假设请求成功,给定的表单应该会消失,表明该联系人已添加。

我需要遵循标准的Rails RESTFUL样式控制器,所以这些表单将提交给JSON操作,该操作将返回新联系人的ContactsController表示。

同样,我想阻止JQM尝试插入新页面--我只想删除触发事件的特定表单。但我不想禁用我在其他地方依赖的标准JQM行为。

有没有一种干净、简单的方法来做到这一点?

我想'pagebeforeload‘事件是我的朋友,但我不清楚如何设置它。

这篇文章似乎是相关的( jquery mobile prevent page change depending on calling page ) ...but,这是一个全球设置,我说的对吗?在我的情况下看起来有点过分了。

这是一个Rails 3.1项目,所以理想情况下,我可以在特定于控制器的javascript资源文件中设置它,以一种与标准Rails-UJS配合良好的方式。

任何帮助都将不胜感激,

热情的,

EN

回答 2

Stack Overflow用户

发布于 2012-04-20 20:11:37

如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#new_contacts').live('pageinit', function(event) {
  $('.new_contact_form_mobile').submit(function(e) {  
    var form = $(this);
    var formData = $(this).serialize();
    var request = $.ajax("/contacts", {
      type: "POST", 
      data: formData,
      dataType: "json"
    });

    request.done(function(msg) {
      form.fadeOut();
    });

    return false;
  });
 });
票数 0
EN

Stack Overflow用户

发布于 2013-09-30 12:13:36

尝试将data-ajax="false"作为表单标记中的属性。这将禁用JQuery Mobile的ajax行为,并允许您在Rails中进行ajax调用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10238899

复制
相关文章
JavaScript禁用页面刷新
JavaScript禁用页面刷新代码如下: //禁用F5刷新 document.onkeydown = function () { if (event.keyCode == 116) { event.keyCode = 0; event.cancelBubble = true; return false; } } //禁止右键弹出菜单 document.oncontextmenu = function () { return fals
磊哥
2018/05/08
4.9K0
小程序在“页面B”更改title,返回“页面A”仍会显示“页面B”的title
个人猜想,小程序本身属于单页面应用,代码的运行权限没有处理好,就像上面这种情况,B页面的代码穿越到了A页面的环境里面,并且执行。
神葳
2021/01/22
1.6K0
jQueryMobile快速入门
  jQuery Mobile是jQuery 在手机上和平板设备上的版本。它不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。
笔阁
2018/09/04
3.7K0
jQueryMobile快速入门
在Vue中如何不影响业务代码的情况下实现页面埋点
我们的目的是在不引入外部SDK,业务代码方完全无感知的情况下实现页面的日志采集功能。由于在Vue中每一次的页面跳转都会进入路由的beforeEach和afterEach钩子函数,因此我们将借助路由实现业务代码无感知的埋点功能。
我的小熊不见了丶
2019/05/22
1.7K0
【说站】PDF如何更改页面尺寸大小,QI插件改变PDF页面大小
2、Quite Imposing plus3 PDF拼版插件中文汉化破解版(Acrobat Pro DC的QI插件)
很酷的站长
2022/11/24
2.8K0
【说站】PDF如何更改页面尺寸大小,QI插件改变PDF页面大小
django admin 列表禁用删除操作,编辑页面禁用删除按钮
class AnchorBindAgentAdmin(admin.ModelAdmin): def get_actions(self, request): # 列表禁用删除操作 if 'delete_selected' in actions: del actions['delete_selected'] return actions def has_delete_permission(self, request, o
卓越笔记
2023/02/18
2.1K0
如何禁用Kerberos
在Hadoop集群内提供身份认证最佳和可接受的方式是使用Kerberos。Kerberos提供了强大的身份验证功能,但是它的复杂性也让很多集群管理员心生畏惧。而开发者在调用Hadoop生态组件的API或者向YARN提交任务时,需要在代码中添加Kerberos访问机制,如果不是对在数据安全极其苛刻的条件下,启用Kerberos对管理员和开发人员都是一种很大的负担。本文主要讲解如何在CDH7.1.1集群中禁用Kerberos。
soundhearer
2020/10/15
4K0
如何禁用Kerberos
【DB笔试面试727】在Oracle中,如何禁用HAIP?
说明,ora.cluster_interconnect.haip的ENABLED属性的原始值为1:
AiDBA宝典
2020/01/20
1.8K0
[Selenium+Chrome使用总结]加载Flash、禁用JS脚本、滚动页面至元素、缩放页面
前几周做了个使用Selenium的项目,踩了好多好多好多的Selenium的坑,越来越感觉他作为一个第三方库,对于Chrome的操作实在是有局限。另外,推荐大家一个Selenium之外的操作浏览器的选择:puppeteer(https://github.com/GoogleChrome/puppeteer),是来自谷歌的库。它解决了很多在Selenium里很难解决的问题,比如手机页面截全屏。
Rude3Knife的公众号
2019/08/06
6.6K0
[Selenium+Chrome使用总结]加载Flash、禁用JS脚本、滚动页面至元素、缩放页面
[Selenium+Chrome使用总结]加载Flash/禁用JS脚本/滚动页面至元素/缩放页面
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
蛮三刀酱
2019/09/10
7.6K0
vue 路由跳转时更改页面title
export default new Router({ routes: [ { path: ‘/’, name: ‘index’, component: index, meta: { title: ‘title1’ } }, { path: ‘/studentInfo’, name: ‘studentInfo’, component: studentInfo, meta: { title: ‘title2’ } } ] }) 二、js入口文件main.js中添加代码:
kirin
2020/07/27
1.7K0
iPhone蓝牙流量被指在某些情况下泄露用户电话号码
安全研究员表示他们能够在某些操作中从iPhone 智能手机的蓝牙流量中提取用户的手机号码。
FB客服
2019/08/06
6560
iPhone蓝牙流量被指在某些情况下泄露用户电话号码
更改PPT所有页面字体与页面颜色的技巧
在评估期间,无心插柳地探索到一个新技术,就是关于PPT课件统一更改字体颜色和页面背景颜色的问题。
用户1191760
2019/02/27
5.6K0
移动端弹框后禁用页面滑动
在web开发中,有时候我们需要实现在页面上点击某个按钮弹出窗口,并禁用页面滑动或滚动的需求。以下是我本人的做法,望大家多多提出意见或建议。 直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动端弹框禁止背景滑动</title> <link rel="stylesheet" href="test.css"> <link rel="stylesheet" href="../l
用户1174387
2018/01/17
2.4K0
移动端弹框后禁用页面滑动
【一起来烧脑】读懂WebApp知识体系
很多小白知道什么是app,但是却不知道什么是webapp呢,webapp是指用HTML5编写的移动web应用
达达前端
2019/07/16
6930
git提交如何忽略某些文件
在使用git对项目进行版本管理的时候,我们总有一些不需要提交到版本库里的文件和文件夹,这个时候我们就需要让git自动忽略掉一下文件。 使用.gitignore忽略文件 为了让git忽略指定的文件和文件
用户1741436
2018/05/16
15.4K0
点击加载更多

相似问题

禁用某些ajax查询的加载程序(JqueryMobile)

11

JQueryMobile -使用swipe更改页面

20

jQueryMobile:更改页面并刷新

12

如何使用jquerymobile根据某些标志动态加载页面

10

如何在某些情况下禁用页面负载属性

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文