微信使用pushState进行页面回退,mobiscroll.js插件的值不会跟着改变

用window.history.pushState,页面回退是正常的,但是我的日期选择是用的mobiscroll.js插件,导致我回退了,input框里的值我可以让它对应改变,但下面的弹框变不了
或者换一个思路,怎么才能让input框里的值发生改变的时候,mobiscroll弹框里的值对应变化呢?
我本来想对照着它的css改选中状态,结果弄不出来啊
我要回家过年啊,好抓狂,拜托了
图片说明

0

3个回答

刚才又研究了一下,好像不用做扩展,你应该是想在弹框里默认选中2017吧~~~还是上面那句代码就可以看出,只要在初始化日历控件之前保证对应的jQ对象里面是有值的就行了,就是那个elm.val()不为空,那么初始化就是elm.val()的值

0

你用源码调就可以调出来的,mobiscroll没有属性可以设置默认值,所以要给它设默认值的话你需要自己做扩展,你回退了一个页面,最开始给它初始化的时候在read方法里面有这样一句代码:that.temp = ( that.val === null && that.values === null) ? s.parseValue(elm.val() || '', that) : that.values.slice(0); 设值。
祝你回家过个好年

0

可否在回退的时候 手动清空 选中的值?

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
阻止微信后退,阻止微信页面关闭 history.pushState 无刷新改变页面URL
阻止微信后退按钮 var isFirstLoad = true; //是否是第一次进入进入页面 勿用 var needBack=false;   //是否允许浏览器后退 $(function ()     {         //通过手动插入当前网页历史记录,防止离开本页填写信息丢失         window.addEventListener("pops
使用pushState()改变url而不刷新
编者注:这个pushState()是一个HTML5的新接口,你可能在一些科技博客如36kr上看到过,ajax加载新的文章,并且改变网址却不需要刷新页面,本站也用到了这个,当你在首页往下拉时,加载分页内容,网址也随着改变,有利于后退和增加用户体验。 HTML5 的 pushState+Ajax HTML5提供history接口,把URL以state的形式添加或者替换到浏览器中,其实现
(HTML5)pushState/replaceState实现无刷新改变内容及地址栏
HTML5 history对象新方法pushState-replaceState   附件截图来自: http://www.coding123.net/article/20120810/html5-history-pushstate-replacestate-method.aspx http://wsqwxf.blog.163.com/blog/static/2406800620121...
history pushState 实现浏览器前进与后退
使用HTML5的pushState实现的页面前进与后退功能。
利用pushState开发无刷新页面修改url参数
因为想要实现 tab切换 添加参数和修改参数值,一开始的思路是: /* * url 目标url * arg 需要替换的参数名称 * arg_val 替换后的参数的值 * return url 参数替换后的url */ function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^...
使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
先说些废话,就当放松下心情了。最近几天实在觉着累,不过不是身体累,是心累。总感觉心情很压抑,具体为什么,我一时也说不上来,就是每个人都会偶尔上来一阵神经病。前段时间真是热的要死,搞得我每天都闷闷的,一点动力都没有,不过还好啦,又下雨了,重点是遇到下雨天,温度就能降好几度,你说我能不开心吗? 好啦好啦 ,不说这个了,步入正题吧,努力一点,未来就会比现在好一点。         强大的Ajax通过异
iOS微信浏览器回退不刷新(监听浏览器回退事件)
iOS在微信浏览器回退是不重新加载页面的,有些时候是需要重新加载的,所以需要监听回退事件
H5修改url之pushState()和页面下拉加载判断
1.pushState方法 HTML5无刷修改url function changeURL(){ var url = document.getElementById('url').value; document.title = 'url';
解决ios微信页面回退不刷新
在回退后需要刷新的页面加以下js(需要jquery) $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); }
history.pushState()实现不跳转,改变路由异步刷新
实现异步刷新<button data-url='/article/159'></button>history.pushState(state,null,$(this).attr('data-url')); $.get($(this).attr('data-url'),function(res){ $('#content-wrapper').html(res); });
(4#)【已解决】微信小程序一个页面修改了全局变量,另一个页面却还是显示该变量的初始值
微信小程序踩坑记问题描述:解决办法: 问题描述: 做法:设想,在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值,然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。 目的:上述做法目的是当我们在A.js中对一个变量做了变化,希望另一个页面B.wxml能够实时呈现该变量被改变后的值。 遇到的困难:A....
微信小程序----修改data中的数据,页面数据不改变
错误原因 由于VUE等框架,我们在逻辑层修改data中的数据后,视图层(页面渲染)会跟着发生变化。当然微信小程序也是实现了相同的功能,那么出现错误的原因是什么?答案:微信小程序的setData()方法。 常见赋值方式(习惯)导致的错误Page({ data: { isShow: false }, changeStatus(){ console.log(this.dat
Html5使用history对象history.pushState()和history.replaceState()方法添加和修改浏览历史记录
原文:https://www.studyscript.com/Post/index/id/3018.html?page=3 正文~ 概述 浏览器窗口有一个history对象,用来保存浏览历史。 如果当前窗口先后访问了三个网址,那么history对象就包括三项,history.length属性等于3。 history.length // 3
微信开发中踩过的坑
1、spa单页模式不适合微信开发 所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。 采用微信鉴权的url中会附
利用pushState, popState和location.hash等方法自己实现一个小型路由
这篇文章主要是记录下HTML5中history提供的pushState, replaceStateAPI。最后通过这些API自己实现小型的路由。 关于window.history提供的API请参见Mozilla文档 其中history提供的pushState和replaceState2个API提供了操作浏览器历史栈的方法。 其中pushState: history.pus
解决时间插件mobiscroll在使用过程中的一个小缺陷
最近在写一个web项目时,需要有一个根据年份查询当年入职人员资料的功能,于是我选择了mobiscroll这个插件做了时间滚轮。一开始感觉效果不错,但是在测试的时候发现了一个小bug。 因为在同一个页面中用户也可以通过查询id将入职时间查出,所以当时就直接把通过id查出的入职时间(in_year)赋给了时间滚轮(&amp;amp;quot;#enroll&amp;amp;quot;).val(in_year).但是使用时会发现滚轮上显示的时间和你赋...
解决ios上微信浏览器返回不刷新的问题
解决ios上微信浏览器返回不刷新的问题 开始用的表单提交,返回参数就丢失,换成url跳转,popstate监听 (注释部分)ios10测试始终有问题,继续搜,最后用pageshow,pagehide完美解决(另外说一句:珍爱生命,远离微信和ios) var wxback = { init :function(){ //隐藏微信分享按钮等
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时,会碰到一个问题:部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法,会导致页面加载不出来。 解决这个问题的思路是: 1. 当浏览器支持pushState方法时,开启history模式,不支持则开启hash模式 2. 对链接做判断,当跳转的链接与路由模式不匹配时,则跳转至正确的链接 3. ...
【pushstate】参数详解
pushSteate() 接受三个参数:state 对象, title (目前被忽略了),URL可选参数。下面是更详细的解释: state object -- state object 是将要关联到使用 pushState创建的一个新历史(history)记录的javascrpt 对象。 当用户转到一个新页面的时候,popstate 事件将被触发, 那么这个state对象就会通过 eve
mobiscroll.js插件的简单配置
mobiscroll.js插件是一款应用在手机端功能强大的插件。可以在h5页面实现模仿安卓和ios手机上面的效果。1、可自定义主题,官网有很多主题可以自己定义,然后下载。2、js配置(日期配置)&amp;lt;script&amp;gt; var theme = &quot;ios&quot;;//这里可以选择不同的主题风格,主题不同,相对应引用的js也不同 var mode = &quot;scroller&quot;; va...
关于mobiscroll日期插件无法正确的选中默认日期
在使用这个插件的时候遇到了一个问题,所以记录一下1,先看一下错误的代码&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head lang=&quot;en&quot;&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;mobiscroll&amp;lt;/title&amp;gt; &amp;lt;meta nam
mobiscroll.js时间日期插件下载
jquery mobile中时间日期的灵活应用 mobiscroll.js
history.pushState() 给网站添加和修改浏览历史记录
假设一个使用场景: 后台管理系统项目,左右固定布局。左侧是通用布局,右侧页面是通过ajax切换的 当我们切换菜单后,想返回上一页,通常点击浏览器自带的回退。会发现回退的不是上一页,而是最开始打开这个项目的那一页。并且当我们刷新当前页面。也会自动回退到最初始的页面 原因:我们切换菜单的时候并没有跳转页面,只是用过ajax把我们想要的那也插在右侧DIV中。没有跳转页面就意味着浏览器没有存下历...
微信链接重定向之后后退两次才能退出当前页面问题解决
需求:微信内多个H5页面分享出去指定到同一链接 具体实现方式:纯前端实现多个微信H5页面分享出去指定到同一连接; 页面重定向之后发现在微信里点击后退之后,又会重新返回这个页面,必须要连续快速的点击返回才能退出关闭浏览器, 这个用户体验就非常不好, 我们可以手动给浏览器新加一条空的浏览记录‘#’, 然后监控这个#链接,当返回到这个链接的时候,说明用户已经做了后退操作,然后调用微信的
微信小程序中如何有效地改变app.js中的数据,并在其他页面进行动态响应
最近写微信小程序项目,项目过程中遇到一个问题,要改变全局js中的数据,并在另一个页面进行响应。 举个小例子吧! 比如说有一个这样的需求:需要把一个商品添加到购物车,我在商品首页的js中把所有商品数据push进app.js的一个数组中,然后在购物车里拿相应的商品信息,接下来要进行提交订单了。 重点来了!!!!! 现在提交订单的数据拿的是购物车的数据,我还是要从全局里拿,但是现在全局的数据是没...
(微信公众号)页面重定向之后的回退问题
简单介绍 window 的两个常用 api window.document.location.replace window.document.location.href 通常如果我们需要跳转页面,如果没有使用 vue-router 等路由的话,我们都会选择 location.href = xxx 直接对页面进行替换。对于pc端页面也不会有什么问题,除了登录页面的回退。 不可否认的是,很多...
js 页面回退 防止页面叠加 url传值
背景需求: 在页面a点击触发某一事件,跳转到页面b。 在页面b更新某一数据后,跳转回页面a。更新的数据传入页面a的url中。 一开始觉得很简单,觉得只要用window.location.href = &quot;....&quot; 就可以了。 即能跳转页面,又能实现传值。 但是后来发现这样写有一个问题:页面b跳转的实际上是另一个页面c。也就是说,路径实际上是 a--&amp;gt; b--&amp;gt; c 当在页面...
js控制TextBox值改变别的控件的值跟着改变。无刷新
js控制TextBox值改变别的控件的值跟着改变。
使用html5 history实现微信端,再按一次返回按钮 返回微信
转载 https://segmentfault.com/a/1190000006123059
页面后退刷新、无刷新
页面后退强制刷新
微信小程序:wx.navigateTo从子页面跳回父页面,页面不刷新的问题
先简要说说小程序的生命周期: 应用的生命周期:App({…}) 用来注册小程序,指定小程序的生命周期 页面的生命周期:Page({…}) 注册页面,指定页面的生命周期 具体注册函数的内容见小程序官网API 其中有三个生命周期函数的触发顺序:onLoad-&amp;gt;onShow-&amp;gt;onReady (页面加载-&amp;gt;页面显示-&amp;gt;页面初次渲染) onLoad和onReady每个页面...
datetimepicker、mobiscroll插件js和使用demo
datetimepicker、mobiscroll日期控件需要使用的js和css,demo
JavaScript中的变量就是变量,不会随着=右边的改变而改变
JavaScript,的变量就是变量,是不会随着其所指的页面的html代码的变化而变化的
微信小程序-修改数据后页面不渲染
说明去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的,这是我第一次有意识的亲眼目睹了一个新技术的发展,还是感觉比较荣幸的。 唱衰小程序?我的观点是肯定不可能,因为现在每天提交审核的小程序还在继续增加,而且有些小程序确实很好用,比如摩拜的扫码骑车,还有我上周去KTV,直接用小程序扫屏幕上的二维码,就可以绑定房间,然后通过
很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。 我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的h
【小程序】真机测试时props改变数据,视图无法更新
父组件通过 .sync 将数据传给子组件的props,子组件里有相关操作会改变props的某个属性的某个值,通过 this.$apply()或this.$emit()更新数据 这是一个迷思,在微信开发者工具调试,一切正常,当生成预览,在真机上测试时,视图的数据却无法更新。 翻墙过后的世界 https://github.com/Tencent/wepy/issues/317 告诉我,关闭微信开...
解决微信中点后退不会重新发请求,页面也不刷新的问题
var isPageHide = false;window.addEventListener('pageshow', function () {if (isPageHide) { window.location.reload(); }});window.addEventListener('pagehide', function () { isPageHide = true...
IOS微信浏览器返回事件popstate监听
问题描述: 通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,但是问题来了,IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面,其他的支付宝(安卓、IOS)、微信(安卓)都是可以,就是微信IOS版不行。 经过查找相关资料,选择了一个方法,不过有点弊端,但是...
html5 history微信浏览器返回不刷新
History API与浏览器历史堆栈管理:移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构。传统的单页应用基于url的hash值进行路由,这种实现不存在兼容性问题,但是缺点也有–针对不支持onhashchange属性的IE6-7需要设置定时器不断检查hash值改变,性能上并不是很友好。而如今,在移动端开发中HTML5规范给我们提供了一个Histor
HTML5的popstate、pushState、replaceState如何玩转浏览器历史记录
一、popstate用来做什么的? 简而言之就是HTML5新增的用来控制浏览器历史记录的api。 二、过去如何操纵浏览器历史记录? window.history对象,该对象上包含有length和state的两个值,在它的__proto__上继承有back、forward、go等几个功能函数 在popstate之前,我们可以利用back、forward、go对history进行后退和前进操作。 例...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 微信插件开发教程 安卓微信插件开发教程