MUI 图标筛选切换（父页面传值子页面）

 1 父页面： index.html
 

1. <li class="tab_layout"> 
2.      <a href="javascript:;" class="show_type">&nbsp;</a> 
3. </li> 
4.  
5. <script> 
6.   var detailPage = null; 
7.     //添加切换样式的点击事件 
8.     mui('.tab_layout').on('tap', 'a', function(e) { 
9.           $(this).toggleClass('show_list'); 
10.           var id = this.getAttribute('test'); 
11.          //获得列表子页面 
12.          if(!detailPage){ 
13.             detailPage = plus.webview.getWebviewById('pullrefresh_sub.html'); 
14.          } 
15.          //触发子页面页面的newsId事件 
16.          mui.fire(detailPage,'newsId',{ 
17.              id:id 
18.          }); 
19.          //打开子页面           
20.  
21.         });   
22. </script> 

 子页面： pullrefresh_sub.html

 

1. <div class="searchListBox"> 
2.           <!--数据列表--> 
3.           <ul class="mui-table-view mui-table-view-chevron"> 
4.   
5.                <li> 
6.                <a href="##" class="list_item mui-clearfix"> 
7.                <div class="pic_box"> 
8.                      <img src="../../images/softlist.jpg" /> 
9.                 </div> 
10.                 <div class="list_word_right"> 
11.                       <div class="title_box">欧宝家居现代简约布艺床花纹</div> 
12.                       <div class="comment_box">已售<span style="color: #cb8f36;"> 0</span></div> 
13.                       <div class="price_box">￥16040.00元</div> 
14.                 </div> 
15.                </a> 
16.                <span class="bug_car" onclick="addToCart(1254)"> 
17.                 <i class="icon-shop_cart"></i> 
18.                  </span> 
19.               </li> 
20.          </ul> 
21.  </div> 
22. &nbs