下面這段代碼標簽中加了參數 js="qun_wapindex001" 這個參數中的值必須是標簽外面的class存在的元素`<ul class="qun_wapindex001">`, 這樣頁面就可以異步加載進來的數據,賦值到外面那個對應的class元素那里. 這個JS值可以跟標簽名不一樣. 但是必須要保證 標簽外面也有對應的 class值才行. 下面這段JS 腳本, 他的取名也很關鍵, 他是跟標簽名一致的. 也就是說頁面加載完之后,他就會執行對應的 以標簽名一樣的JS腳本 傳值就通過 `data-id="{$rs.id}"` 進行傳遞 ~~~ <div class="HotGroupBox"> <div class="head">熱門圈子</div> <div id="ListGroup"> <ul class="qun_wapindex001"> {qb:tag name="qun_wapindex001" type="qun" order="list" by="desc" rows="10" js="qun_wapindex001"} <li><a href="{$rs.url}"><span><img src="{$rs.picurl}" onerror="this.src='__STATIC__/images/nopic.png'"></span><em>{$rs.title}</em></a> <dd data-id="{$rs.id}">關注</dd> </li> {/qb:tag} </ul> </div> </div> <script type="text/javascript"> //關注圈子 , 此異步函數名必須要跟上面的JS值一致 function qun_wapindex001(res){ $("#ListGroup dd").each(function(){ var id = $(this).data('id'); var that = this; if("{$userdb.uid}"==""){ //游客點關注,就直接進入對應的圈子 $(this).click(function(){ window.location.href = "{:urls('content/show')}?id="+id; }); }else{ //檢查是否已關注 $.get("{:urls('wxapp.member/ckjoin')}?id="+id,function(res){ if(res.code==1){ //還沒關注 $(that).click(function(){ //添加關注點擊事件 $.get("{:urls('wxapp.member/join')}?id="+id,function(res){ if(res.code==1){ //關注失敗 layer.alert(res.msg); }else if(res.code==0){ //關注成功 layer.msg('已關注,'+res.msg); $(that).html('已關注'); } }); }); }else if(res.code==0){ //已關注 $(that).html('已關注'); } }); } }); } </script> ~~~