javascript - wheelmenu.js Can a page implement a ring menu?

Question

Multiple ring menus are needed on a page. Can this framework only implement one ring menu on a page? If two or more are placed, the number of submenus of the menu will be the same, and what I need is Different numbers.

Answer 1

<a href="#wheel3" class="wheel-button ne">
    <span>+</span>
</a>

The value of href specifies the menu to be triggered. As many as there are in it

<ul id="wheel3" class="wheel">
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">B</a></li>
</ul>

<a href="#wheel2" class="wheel-button ne">
    <span>+</span>
</a>
<ul id="wheel2" class="wheel">
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">A</a></li>
        <li class="item"><a href="#home">A</a></li>
</ul>