当前位置:网站首页>小程序中的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&
边栏推荐
- One dimensional array exercise
- 167. 两数之和 II - 输入有序数组
- 直播预告|如何通过“智能边缘安全”提升企业免疫力?
- NVIDIA Zhou Xijian: the last mile from design to digital marketing
- 适创科技以云仿真平台,支持“中国智造”升级
- C language handwritten qq-ai version
- Unity3d - the object is too far away to see
- 重定向和文件
- osg进阶-序
- 365天挑战LeetCode1000题——Day 041 二分查找完结纪念 + 第 N 个神奇数字 + 在线选举
猜你喜欢

游戏行业弹性计算最佳实践

Xiaobai high salary shortcut Qt development game Snake

Best practices for elastic computing in the game industry

Best practices of JD cloud Distributed Link Tracking in financial scenarios

OCCT学习001-----简介

C language handwritten qq-ai version

MySQL的详细安装使用教程(保姆式安装图文讲解)

哈夫曼树以及哈夫曼编码在文件压缩上的应用

【活动预告】云上数字工厂与中小企业数字化转型创新论坛

365 day challenge leetcode 1000 questions - day 039 full binary tree inserter + find peak II + snapshot array
随机推荐
QML control: combobox
数千个数据库、遍布全国的物理机,京东物流全量上云实录 | 卓越技术团队访谈录
阿里云架构师细说游戏行业九大趋势
QT series - Installation
Live broadcast preview | how to improve enterprise immunity through "intelligent edge security"?
Cryengine3 debugging shader method
In depth analysis of common cross end technology stacks of app
Helm chart for Kubernetes
C语言 一级指针
Occt learning 003 - MFC single document project
Xiaobai high salary shortcut Qt development game Snake
游戏行业弹性计算最佳实践
【赛事预告】云上开发,高效智能——第二届阿里云ECS CloudBuild开发者大赛即将启动
osg进阶-序
MySQL的详细安装使用教程(保姆式安装图文讲解)
During the appointment, the 2022 JD cloud industrial integration new product launch was launched online
[event preview] cloud digital factory and digital transformation and innovation forum for small and medium-sized enterprises
【C语言系列】—深度解剖数据在内存中的存储(一) 暑假开篇
直播预告:京东云DevOps与JFrog制品库的融合
直播预告|如何通过“智能边缘安全”提升企业免疫力?