关于微信小程序的一个问题。

  1. 去年
    去年京斯 重新编辑

    在开发微信小程序的时候用JavaScript想要实现一个转换页面,在第二个页面加载随机图片的功能。但是实际效果是跳转到第二个页面的时候永远是图片列表里的第一张图。问了一个dalao后说是display那里没运行起来,但是他说他也不是特别了解。我研究了半天也解决不了这个bug,就发到坛子里来问问京斯,这里人工艾特京斯一下。下面第二页再发代码,第一个是js的,第二个是wxml的。 /0o0

  2. 去年京斯 重新编辑

    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];
      }
    })
  3. 去年京斯 重新编辑

    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>
  4. 或者是不是微信小程序不支持一些代码的原因?向京斯dalao求教。 /0o0

  5. 京斯

    5楼 2017年5月23日 管理员

    https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
    不起作用的原因非常简单。小程序里面没有 document 对象,所以不能直接操作 DOM ,getElementByIdinnerHTML 这样写都是没有效果的

    虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊

  6. @京斯 https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
    不起作用的原因非常简单。小程序里面没有 [代码部分请在原帖中查看] 对象,所以不能直接操作 DOM ,[代码部分请在原帖中查看] 、[代码部分请在原帖中查看] 这样写都是没有效果的

    虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊

    谢谢dalao的解答。下次会注意的。我再研究研究吧。非常感谢。

  7. @京斯 https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html
    不起作用的原因非常简单。小程序里面没有 [代码部分请在原帖中查看] 对象,所以不能直接操作 DOM ,[代码部分请在原帖中查看] 、[代码部分请在原帖中查看] 这样写都是没有效果的

    虽然找到了问题,但我没法帮你改正……说到底为什么要写自己发明一套标准的小程序啊

    还是改不来。dalao有没有认识的dalao啊,能不能介绍一下?

  8. 我是大缺弦

    8楼 2017年6月4日 化学版主

    @clinical 还是改不来。dalao有没有认识的dalao啊,能不能介绍一下?

    唔。。虽然不会小程序,但乃有看完小程序的开发文档吗

  9. @我是大缺弦 唔。。虽然不会小程序,但乃有看完小程序的开发文档吗

    开发文档太过于简单。表示并不能get到什么点。

 

后才能发言