当前位置:网站首页>小程序中的DOM对象元素块动态排序
小程序中的DOM对象元素块动态排序
2022-07-29 05:09:00 【晶格点阵】
给定以下小程序wxml的布局示例:
<view>
<view>A块中的内容,...</view>
<view>B块中的内容,...</view>
<view>C块中的内容,...</view>
<view>D块中的内容,...</view>
<view>E块中的内容,...</view>
</view>按照新的要求,从不同的入口进入该界面,需要将不同的内容块显示在最前面,原来的需求已不能满足要求。
新的要求,当从“C块”入口点击进入该界面时,需要显示如下:
<view>
<view>C块中的内容,...</view>
<view>A块中的内容,...</view>
<view>B块中的内容,...</view>
<view>D块中的内容,...</view>
<view>E块中的内容,...</view>
</view>如果是Jquery的话,可能比较好想出解决方案,直接操作DOM对象,将C块移动到最前面,但是,小程序不支持Jquery操作。
解决方案:
使用小程序wx:for循环显示所有块内容,定义一个列表:
items = ['A', 'B&
边栏推荐
- 365天挑战LeetCode1000题——Day 037 元素和小于等于阈值的正方形的最大边长 + 满足条件的子序列数目
- JD cloud golden autumn cloud special offer is in progress! Code scanning participation activities
- 【活动预告】云上数字工厂与中小企业数字化转型创新论坛
- 为啥谷歌的内部工具不适合你?
- D3d Shader Instruction
- 指针
- QtCreator+CMake编译器设置
- Helm chart for Kubernetes
- 递归的基本原理
- 51万奖池邀你参战!第二届阿里云ECS CloudBuild开发者大赛来袭
猜你喜欢

牛客网编程题—【WY22 Fibonacci数列】和【替换空格】详解

数千个数据库、遍布全国的物理机,京东物流全量上云实录 | 卓越技术团队访谈录

Helm chart for Kubernetes

京东云分布式链路追踪在金融场景的最佳实践

刷题狂魔—LeetCode之剑指offer58 - II. 左旋转字符串 详解

如视技术副总裁杨永林:当传统产业遇到“数字空间”

365 day challenge leetcode1000 question - distance between bus stops on day 038 + time-based key value storage + array closest to the target value after transforming the array and + maximum value at t

365天挑战LeetCode1000题——Day 035 每日一题 + 二分查找 13

Occt learning 003 - MFC single document project

APP常用跨端技术栈深入分析
随机推荐
Complete ecological map of R & D Efficiency & selection of Devops tools
365天挑战LeetCode1000题——Day 041 二分查找完结纪念 + 第 N 个神奇数字 + 在线选举
Differences between texture2d and texture2dproj under webgl1.0
Yangyonglin, vice president of Rushi Technology: when traditional industries encounter "digital space"
Alibaba cloud architect Liang Xu: MES on cloud box helps customers quickly build digital factories
【C语言系列】— 一道递归小题目
QT learning: qdropevent drag event
抽象类与接口
365 day challenge leetcode1000 question - distance between bus stops on day 038 + time-based key value storage + array closest to the target value after transforming the array and + maximum value at t
321,京东言犀×NLPCC 2022挑战赛开赛!
200 多家 ISV 入驻!阿里云计算巢发布一周年
副作用和序列点
Helm chart for Kubernetes
指针
365天挑战LeetCode1000题——Day 042 数组序号转换 + 相对名次 离散化处理
【C语言系列】— 不创造第三个变量,实现两个数的交换
vim编辑器使用
Cryengine Technology
What is_ GLIBCXX_ VISIBILITY(default)
MySQL的详细安装使用教程(保姆式安装图文讲解)