父页面: index.html

var detailPage = null;

//添加切换样式的点击事件

mui('.tab_layout').on('tap', 'a', function(e) {

$(this).toggleClass('show_list');

var id = this.getAttribute('test');

//获得列表子页面

if(!detailPage){

detailPage = plus.webview.getWebviewById('pullrefresh_sub.html');

}

//触发子页面页面的newsId事件

mui.fire(detailPage,'newsId',{

id:id

});

//打开子页面

});

子页面: pullrefresh_sub.html

  • 欧宝家居现代简约布艺床花纹
    已售 0
    ¥16040.00元

window.addEventListener('newsId',function(event){

$('.searchListBox').toggleClass('openList');

//通过event.detail可获得传递过来的参数内容

});

mui中子页面标志html,MUI 图标筛选切换(父页面传值子页面)代码相关推荐

  1. html怎样同框架页面内跳转,使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转...

    首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图 在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在 ...

  2. iframe父元素获取子页面的元素

    父页面 <iframe src="iframe.html" id="iframeId" height="150" width=&quo ...

  3. html mui按钮居中,mui实现下方突出大按钮图标

    mui实现下方突出大按钮图标 所属分类:[APP]  | 创建时间:2017-11-16  | 文章属性:原创  | 文章来源:http://windfly.cn  | 作者:windfly #原理 ...

  4. MUI设置卡头卡位的形式进行切换

    这是mui的官方帮助文档,一切问题都能在这里找到http://dev.dcloud.net.cn/mui/ui/解决方案. 下面是MUI官方对卡头卡尾的一些描述: 在mobile app开发过程中,经 ...

  5. MUI-创建子页面打开新页面

    本文主要简单讲述创建子页面和打开新页面的方法. 1.使用subpages:[{}],创建子页面,挡在mui.init()方法中 2.使用mui.openWindow({})打开新页面 3.实现如下效果 ...

  6. HTML子页面怎么让底部导航消失

    index.html <!DOCTYPE html> <html><head><!-- utf-8 英文字符集 --><meta charset= ...

  7. vue 中点击切换图标,切换选中状态

    很多新手小白做这个切换下拉列表,选中列表记录当前选中状态,图标也变成当前选中状态的时候都会比较绕,其实其核心就是把(icon图标.样式加载变成变量话,按需加入想要的变量即可) 例如下面这个例子: &l ...

  8. vue 子页面调用父页面的参数_js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...

    今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...

  9. 网页编程,JS模态窗口,子页面向父页面传递值

    题目:在父页面中,点击"编辑"链接,跳至子页面中进行编辑,编辑完成后点击"确定",子页面关闭,将编辑内容回传至父页面. 原理:在父页面中,点击"编辑& ...

最新文章

  1. vmware ESXI6.7 设置 Nvidia 显卡直通
  2. 【OpenCV环境配置】Xcode+OpenCV+pkg-config
  3. OpenCV 4.1.0 + Visual Studio 2019 开发环境搭建 超级简单
  4. linux下的ssh和rynsc
  5. oracle ndv,CBO_ORACLE
  6. __init__.py的作用是什么?
  7. docker运行Linux性能怎么样,Docker容器OSX与Linux的性能差异
  8. 深度学习:知识回收(神经网络模型:BPNN原理)
  9. 小程序源码:全新实用工具证件照制作微信小程序源码下载支持多种证件生成与制作
  10. js QQ音乐歌词显示在浏览器标题
  11. 2021运营App推广必备的几款工具
  12. stm32cubeMX学习十八、SD卡虚拟U盘实验
  13. B站下载姿势合集——亲测
  14. ORA-01779: 无法修改与非键值保存表对应的列
  15. 前端CDN资源库,再也不用担心vue首次加载慢的问题了,vue项目必备cdn加速
  16. 罗技 UE3100 蓝牙耳机使用
  17. 快速制作PDF文件的方法
  18. Unity Text富文本(文本变得多姿多彩)
  19. 数据说话:现在是牛市还是熊市?
  20. php面向对象三大特性,PHP面向对象的三大特性之一封装性

热门文章

  1. Java编程时如何节省内存,效率高
  2. .NET连接SAP系统专题:C#如何导入内文至SAP(十一)
  3. mysql 层_mysql各个层面优化
  4. Python正则表达式查找最长数字子串(好未来2017笔试题)
  5. Python使用RSA+MD5实现数字签名
  6. 插件显示缩进_硬核,这 3 款 IDE 插件让你的代码牢不可破
  7. mysql新建用户并授权_Mysql中新建用户及授权的方法分享
  8. 300. 最长递增子序列(JavaScript)
  9. 服务里4个oracle,ORACLE RAC安装问题解决记录(4)- 一个隐藏的Windows服务(OraFenceService)...
  10. java 服务端重复提交_java 服务器端验证重复提交