An example of showing and hiding the menu in the upper right corner of the web page on WeChat public platform

WeChat’s official jsapi provides an interface operation interface, which is used to control the menu in the upper right corner of the WeChat web page. Let’s take a look at the description of the interface operation interface in WeChat’s official documentation.

Hide the menu interface in the upper right corner

wx.hideOptionMenu();

Show the menu interface in the upper right corner

wx.showOptionMenu();

Close the current web page window interface

wx.closeWindow();

Batch hide function button interface

wx.hideMenuItems({
    menuList: [] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
});

Batch display function button interface

wx.showMenuItems({
    menuList: [] // 要显示的菜单项，所有menu项见附录3
});

Hide all non-basic button interfaces

wx.hideAllNonBaseMenuItem();
// “基本类”按钮详见附录3

Show all function button interface

wx.showAllNonBaseMenuItem();

---

Implementation code steps

First, jsp interface introduces js library

##Second, the html code between

Third, between <script></script> Initialize the WeChat jsapi library to add

#

第四、调用第二步button按钮的功能js代码，在wx.ready中添加

这些js方法注释已经写的很明白，每个方法对应一个button按钮功能

第五、完整的jsp页面代码，读者可直接复制运行

There are four parameters in the above jsp code. These four parameters are the credentials for successfully calling WeChat jsapi, which are appId (required). Fill in, the unique identification of the public account), timestamp (required, the timestamp of generating the signature), nonceStr (required, random string to generate signature), signature (required, signature), for readers who don’t know how to generate these four parameters, please check the menu in the upper left corner of this page, which has a detailed introduction, here No need to elaborate.

Sixth, after the above code is run, the effect is as follows

Open When WeChat enters the interface, the functions are shown in red

##Click to hide the menu in the upper right corner, the effect is as follows

Click to display the menu button in the upper right corner, the effect is as follows, look carefullyThere is also a copy link at this time, share it Go to Moments and other functions

## Click the batch hide function button, we will find that in the upper right corner The

is no longer available for sharing to Moments and copying the link. The rendering is as follows

##

The above is the detailed content of An example of showing and hiding the menu in the upper right corner of the web page on WeChat public platform. For more information, please follow other related articles on the PHP Chinese website!