MUI 图标筛选切换(父页面传值子页面)代码

父页面: index.html

<li class="tab_layout">
     <a href="javascript:;" class="show_type">&nbsp;</a>
</li>

<script>
  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
         });
         //打开子页面          

        });  
</script>

 

子页面: pullrefresh_sub.html

<div class="searchListBox">
          <!--数据列表-->
          <ul class="mui-table-view mui-table-view-chevron">
 
               <li>
               <a href="##" class="list_item mui-clearfix">
               <div class="pic_box">
                     <img src="../../images/softlist.jpg" />
                </div>
                <div class="list_word_right">
                      <div class="title_box">欧宝家居现代简约布艺床花纹</div>
                      <div class="comment_box">已售<span style="color: #cb8f36;"> 0</span></div>
                      <div class="price_box">¥16040.00元</div>
                </div>
               </a>
               <span class="bug_car" onclick="addToCart(1254)">
                <i class="icon-shop_cart"></i>
                 </span>
              </li>
         </ul>
 </div>



<script>

window.addEventListener('newsId',function(event){
       $('.searchListBox').toggleClass('openList');
           //通过event.detail可获得传递过来的参数内容      
       });

</script>

 

MUI 图标筛选切换

    A+
发布日期:2017年05月10日 09:25:42  所属分类:MUI
最后更新时间:2017-12-15 19:34:51
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
SEO顾问服务 中小型网站 单站/最低99.9元 全方位优化
SEO顾问服务 中小型网站 单站/最低99.9元 全方位优化
  • ¥ 99.9元
  • 市场价:5000元
wp discux 帝国 dedecms phpcms等快速建站
wp discux 帝国 dedecms phpcms等快速建站
  • ¥ 99.9元
  • 市场价:499.9元
刷流量、刷人气、刷点击、刷收藏、刷APP关键词服务
刷流量、刷人气、刷点击、刷收藏、刷APP关键词服务
  • ¥ 1.0元
  • 市场价:9.9元
服务器管理面板/主机控制面板“安装”服务
服务器管理面板/主机控制面板“安装”服务
  • ¥ 9.9元
  • 市场价:49.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: