微信公眾號右上角菜單

本文轉載自查看原文 2016-09-02 16:28 2229

普通網址：如http://www.baidu.com

 1 $(function(){
 2     /*
 3      * htmls  當前頁面的http://鏈接
 4      */
 5     
 6     //請求驗證簽名
 7     $.ajax({    
 8          async:false,
 9          type: "GET",
10          url: htmls,
11          dataType: "json",
12          success: function(data){
13                      
14                      appId = data.APPID;
15                      time  = data.timestamp;
16                      signature = data.signature;
17         }
18     });
19 
20     
21     wx.config({
22       debug: false,
23       appId: appId,
24       timestamp: time,
25       nonceStr: 'Wm3WZYTPz0wzccnW',
26       signature: signature,
27       jsApiList: [        
28        'checkJsApi',
29        'onMenuShareTimeline',
30        'onMenuShareAppMessage',
31        'hideMenuItems',
32        'showMenuItems',
33        'hideAllNonBaseMenuItem',
34        'showAllNonBaseMenuItem',
35        'translateVoice',
36        'startRecord',
37        'stopRecord',
38        'onRecordEnd',
39        'playVoice',
40        'pauseVoice',
41        'stopVoice',
42        'uploadVoice',
43        'downloadVoice',
44        'chooseImage',
45        'previewImage',
46        'uploadImage',
47        'downloadImage',
48        'getNetworkType',
49        'openLocation',
50        'getLocation',
51        'hideOptionMenu',
52        'showOptionMenu',
53        'closeWindow',    
54        'scanQRCode',
55        'chooseWXPay',
56        'openProductSpecificView',
57        'addCard',
58        'chooseCard',
59        'openCard'                           
60       ]            
61     });
62     
63     wx.ready(function(){
64         wx.hideAllNonBaseMenuItem();//隱藏所有菜單項
65             wx.showMenuItems({
66                 menuList: ["menuItem:exposeArticle","menuItem:share:appMessage","menuItem:share:timeline","menuItem:favorite",] // 要顯示的菜單項，所有menu項見附錄3
67             });
68             
69               wx.onMenuShareAppMessage({
70                   title: '測試',
71                   desc: '測試描述',
72                   link: 'http://www.baidu.com',//分享出去點進來時的鏈接
73                   imgUrl: 'http://www.baidu.com/images/share_to_link.jpg',//分享出去展示的標題圖片
74                   type: '',
75                   dataUrl:'',
76                   success: function (res) {
77                     alert('成功');
78                   }
79           
80             });
81             wx.onMenuShareTimeline({
82               title: '測試發朋友圈標題',
83               link: 'http://www.baidu.com',//分享出去點進來時的鏈接
84                imgUrl: 'http://www.baidu.com/images/share_to_link.jpg',//分享出去展示的標題圖片
85               success: function (res) {
86                  alert('成功');
87               }
88             });
89             $('#close').click(function(){
90                 //關閉當前頁面
91                 wx.closeWindow();
92             })
93             
94     })    
95     
96 })

控制微信右上角菜單整合js

在普通網址下，這樣控制菜單是可以控制住的，但是如果當前地址是http://www.baidu.com?id=1&name=測試&age=24，這時候就會發現菜單控制不住，目前的解決辦法是將&連接符改成別的連接符，比如用-分割，“http://www.baidu.com?id=1-name=測試-age=24”，這樣微信的菜單和分享就控制住了，具體原因待進一步驗證

提示：如果發現右上角菜單死活控制不住的時候，不妨試試修改當前的url地址

免責聲明！

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

猜您在找 微信公眾平台開發(91) 右上角按鈕/底部導航欄/用戶網絡狀態 Swift封裝一套類似於微信右上角彈出框（PopView）隱藏微信中網頁右上角按鈕微信下載app需要點擊右上角在瀏覽器中打開下載的問題微信公眾號開發 (3) 菜單處理前段時間很火的，微信頭像右上角加上紅色的數字，類似於微信未讀信息數量那種提示效果。如何讓Beamer的logo放在右上角微信公眾號平台接口開發：菜單管理微信公眾號開發：自定義菜單微信公眾號，點擊菜單，跳轉到小程序