在开发微信小程序的时候用JavaScript想要实现一个转换页面,在第二个页面加载随机图片的功能。但是实际效果是跳转到第二个页面的时候永远是图片列表里的第一张图。问了一个dalao后说是display那里没运行起来,但是他说他也不是特别了解。我研究了半天也解决不了这个bug,就发到坛子里来问问京斯,这里人工艾特京斯一下。下面第二页再发代码,第一个是js的,第二个是wxml的。 /0o0
在开发微信小程序的时候用JavaScript想要实现一个转换页面,在第二个页面加载随机图片的功能。但是实际效果是跳转到第二个页面的时候永远是图片列表里的第一张图。问了一个dalao后说是display那里没运行起来,但是他说他也不是特别了解。我研究了半天也解决不了这个bug,就发到坛子里来问问京斯,这里人工艾特京斯一下。下面第二页再发代码,第一个是js的,第二个是wxml的。 /0o0
js的部分,直接看下面。。。。。。。。
var app = getApp() var inputContent = {} Page({ data:{ inputContent:{}, name:'', addtel:'', rand1:'', useRand:'', imgnum:'' }, back:function(){ wx.navigateBack({ delta: "../index/index", // 回退前 delta(默认为1) 页面 success: function(res){ // success }, fail: function(res) { // fail }, complete: function(res) { // complete } }) }, formBindsubmit:function(e){ //this.setData({ // name:'' +e.detail.value.name // }) var name = e.detail.value.name }, bindChange:function(e){ inputContent[e.currentTarget.name] = e.detail.value }, onShow:function(){ var that = this; wx.getStorage({ key: 'addtel', success: function(res){ console.log(res.data) that.setData({ addtel:res.data }) }, fail: function(res) { // fail }, complete: function(res) { // complete } }) }, display:function(){ var a=document.getElementById("x"); var b = new Array(10); b[0]="<img src='image/1.jpg' id='a'/>"; b[1]="<img src='image/2.jpg' id='b'/>"; b[2]="<img src='image/3.jpg' id='c'/>"; b[3]="<img src='image/4.jpg' id='d'/>"; b[4]="<img src='image/5.jpg' id='e'/>"; b[5]="<img src='image/6.jpg' id='f'/>"; b[6]="<img src='image/7.jpg' id='g'/>"; b[7]="<img src='image/8.jpg' id='h'/>"; b[8]="<img src='image/9.jpg' id='i'/>"; b[9]="<img src='image/10.jpg' id='j'/>"; var c = Math.floor(Math.random()*10); a.innerHTML="YOU:" +b[c]; } })
wxml的部分。。。。。。
<!--logs.wxml--> <view > <text>点击图片预览并长按保存到相册</text> </view> <form > <div id="x"> <view> <image bindsubmit="display" src="/image/1.jpg"></image> </view> </div> <view> <div style="position:absolute; left:80px; top:60px; color:white; font-weight:bold">{{addtel}}</div> </view> </form> <button bindtap="back">重新输入</button>
或者是不是微信小程序不支持一些代码的原因?向京斯dalao求教。 /0o0
https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
不起作用的原因非常简单。小程序里面没有 document
对象,所以不能直接操作 DOM ,getElementById
、innerHTML
这样写都是没有效果的
虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊
@京斯 https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
不起作用的原因非常简单。小程序里面没有 [代码部分请在原帖中查看] 对象,所以不能直接操作 DOM ,[代码部分请在原帖中查看] 、[代码部分请在原帖中查看] 这样写都是没有效果的虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊
谢谢dalao的解答。下次会注意的。我再研究研究吧。非常感谢。
@京斯 https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
不起作用的原因非常简单。小程序里面没有 [代码部分请在原帖中查看] 对象,所以不能直接操作 DOM ,[代码部分请在原帖中查看] 、[代码部分请在原帖中查看] 这样写都是没有效果的虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊
还是改不来。dalao有没有认识的dalao啊,能不能介绍一下?