`
LiYunpeng
  • 浏览: 955014 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

关于target为默认或_self,使用JQMobile异步不加载javaScript的问题

阅读更多
关于target为默认或_self,使用JQMobile异步不加载javaScript的问题

如果在<a标签中不使用target 或者 使用了默认的_self时,页面请求则在自身页面刷新,不发生跳转

这时候,使用JQuery Mobile里面是使用异步请求加载JS的,所以,页面没发生跳转就会发生,卸载Header里面的JS都失效
除非加上target,页面会完全重新请求,才会加载JS

再或者在a标签里面加上 data-ajax="false"

不过这并不是问题解决的办法

既然页面不发生跳转
其实就是Header部分没有变化
而Body发生了变化

JQMobile只是把 属于他自己的带data-role部分的div替换掉了,这样就实现了页面的局部刷新

所以,只要把<script>标签挪到使用JQM的div标签里面就可以解决这个问题了
分享到:
评论

相关推荐

    jqmobile+iscroll上拉加载DEMO

    **jqmobile+iscroll上拉加载DEMO**是结合了两个流行JavaScript库——jQuery Mobile(jqmobile)和iScroll——创建的一个动态滚动效果的示例。这个DEMO旨在实现一个可滚动区域,当用户到达页面底部时触发更多的内容...

    jq 图片异步上传预览 异步分页

    这些功能的实现通常涉及到JavaScript(JS)原生方法和jQuery(jq)库的使用,以及Ajax技术。接下来,我们将详细讨论这些知识点。 首先,我们来看“图片异步上传预览”。在网页上,用户上传图片时,能够实时预览图片...

    jquery异步加载页面

    而异步加载则是在页面基本结构加载完成后,根据用户的交互或特定条件,只加载需要的部分内容,这种方式显著提高了页面响应速度。 在jQuery中,$.ajax()函数是实现异步加载的核心。它可以配置多个参数,如URL、类型...

    jqmobile相关js css

    jQuery Mobile(jqMobile)是jQuery库的一个扩展,专门用于构建响应式和触控友好的移动Web应用程序。它提供了一套完整的UI组件和交互模式,使得开发者能够快速地创建跨平台的移动应用,无需深入学习原生平台的开发...

    使用jQuery异步加载 JavaScript脚本解决方案

    JavaScript 加载器在 Web 开发中是非常强大和有用的工具。目前流行的几个加载器,像 curljs、LABjs 和 RequireJS 使用都很广泛。他们功能强大的,但有些情况下可以有更简单的方案。 如果你正在使用 jQuery,有一个...

    jqmobile3.0

    jqMobile 3.0 是一个基于JavaScript的轻量级移动应用框架,专为HTML5浏览器和移动设备设计,旨在简化移动Web应用的开发过程。它与jqMobi紧密相关,jqMobi是一个高效的查询和DOM操作库,类似于jQuery,但针对移动设备...

    鞋子_html_bootstrap_JQ_

    在“鞋子_html_bootstrap_JQ_”项目中,jQuery可能被用来增强用户体验,例如,通过`$(document).ready()`函数在页面加载完成后执行某些操作,使用`.click()`事件监听按钮点击,或者利用`.slideUp()`, `.slideDown()`...

    dom_freemark_jq1.4js.rardom_freemark_jq1.4js.rar

    标题中的"dom_freemark_jq1.4js.rar"表明这是一个关于DOM(Document Object Model)、FreeMarker和jQuery 1.4版本的JavaScript资源文件。这个压缩包可能包含了一个或多个与这三个技术相关的JavaScript库或者示例代码...

    jquery 异步treeTable树形插件

    《jQuery异步treeTable树形插件详解及应用实践》 在Web开发中,数据的展示方式多种多样,其中树形结构是一种常见的数据组织形式,它能够清晰地呈现出层次关系,便于用户理解和操作。jQuery异步treeTable插件是用于...

    关于解决jquery同步异步的问题

    ### 关于解决jQuery同步异步的问题 在前端开发过程中,我们经常会使用到jQuery库来进行DOM操作及Ajax请求等。而在处理Ajax请求时,默认情况下jQuery的`$.ajax()`方法是采用异步的方式执行的,这对于大部分场景来说...

    JQ 图片的懒加载

    传统上,所有网页上的图片都会在页面加载时一次性下载,这可能导致页面加载速度慢,特别是在移动设备或网络连接不稳定的情况下。懒加载通过延迟非可视区域图片的加载,有效地减少了初始加载时间。 **核心知识点:**...

    javascript_jq.zip_javascript_jquery

    通过“javascript_jq.pdf”,读者可以系统地学习JavaScript的基础知识以及jQuery的使用技巧,掌握如何利用这两者来创建富有交互性的现代网页。无论你是初学者还是经验丰富的开发者,这份资料都能为你提供宝贵的参考...

    JQ+ajax实现异步调用

    本话题主要聚焦于使用jQuery(简称JQ)库结合Ajax技术来实现异步调用的过程。下面将详细阐述这一主题。 ### jQuery和Ajax简介 **jQuery** 是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果以及...

    jq-mobile案例

    `jq-mobile`,全称为jQuery Mobile,是一款基于jQuery库开发的轻量级、跨平台的移动Web应用框架,专为触摸设备设计。它提供了丰富的UI组件和交互效果,便于开发者快速构建功能完善的、具有原生App体验的移动Web应用...

    nacl_sdk_jq.zip

    Chrome的PPAPI(Pepper Plugin API)是一种用于开发浏览器插件的高级接口,它是由Google为Chromium项目设计的。NaCl(Native Client)是PPAPI的一个重要组成部分,它允许在浏览器中安全地运行编译后的原生代码。NaCl...

    Ajax JQ 滚动加载页面

    这种技术通过监听用户的滚动行为,当页面接近底部时,不刷新整个页面,而是通过Ajax异步请求后台数据,然后使用jQuery处理并动态添加到页面的现有内容下方,实现无缝加载的效果。 1. **Ajax技术**:Ajax是一种在...

    利用Ajax+Jquery实现异步进度条效果

    Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换数据并局部更新页面,实现了页面的异步更新,从而提升了用户体验。在本例中,Ajax...

    LOL_html5_CSS3_高仿1:1_bootstrap_JQ_源码

    【标题】"LOL_html5_CSS3_高仿1:1_bootstrap_JQ_源码" 涉及到的关键技术主要包括HTML5、CSS3、Bootstrap框架以及jQuery库,这些都是现代网页开发中的核心元素。让我们逐一深入探讨这些知识点。 **HTML5** 是超文本...

    my-ajax-imitate-jq_ajax_JQ_

    "my-ajax-imitate-jq_ajax_JQ_"这个标题表明我们将探讨一个模仿jQuery(简称JQ)中ajax功能的实现。 jQuery是JavaScript库中最广泛使用的之一,其简洁易用的API使得开发者能够方便地处理DOM操作、事件处理以及Ajax...

    图片延迟加载的jq

    这样可以避免一次性加载所有图片导致的页面加载时间过长的问题,尤其是对于含有大量图片的页面,效果尤为显著。 **二、使用步骤** 1. **引入依赖**:首先,在HTML文件中引入jQuery库和jQuery.lazyload插件。例如: ...

Global site tag (gtag.js) - Google Analytics