MUI 圖標篩選切換(父頁面傳值子頁面)


 

 1 父頁面: 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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM