Architecture

jquery.ui-contextmenu - Internals

HTML Markup

The menu markup is different depending on the jQuery UI version.

jQuery UI 1.10.4

<li data-command="paste3" class="ui-menu-item" role="presentation">
    <a href="#" id="ui-id-8" class="ui-corner-all" tabindex="-1" role="menuitem">
        Paste <kbd>Ctrl+V</kbd>
        <span class="ui-icon ui-icon-clipboard"></span>
    </a>
</li>

<li data-command="more3" class="ui-menu-item" role="presentation">
    <a href="#" aria-haspopup="true" id="ui-id-11" class="ui-corner-all" tabindex="-1" role="menuitem">
        <span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>
        More3 <kbd>[F2]</kbd>
        <span class="ui-icon ui-icon-scissors"> </span>
    </a>
    <ul class="ui-menu ..." role="menu"></ul>
</li>

jQuery-UI 1.11.4

<li data-command="paste3" class="ui-menu-item" id="ui-id-7" tabindex="-1" role="menuitem">
    Paste <kbd>Ctrl+V</kbd>
    <span class="ui-icon ui-icon-clipboard"></span>
    <ul class="ui-menu ...">...</ul>
</li>

<li data-command="more3" class="ui-menu-item" id="ui-id-12" role="menuitem">
    <span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>
    More3 <kbd>[F2]</kbd>
    <span class="ui-icon ui-icon-scissors"></span>
    <ul class="ui-menu ...">...</ul>
</li>

jQuery-UI 1.12.1

<li data-command="paste3" class="ui-menu-item">
    <div id="ui-id-7" tabindex="-1" role="menuitem" class="ui-menu-item-wrapper">
        Paste <kbd>Ctrl+V</kbd>
        <span class="ui-icon ui-icon-clipboard"></span>
    </div>
</li>

<li data-command="more3" class="ui-menu-item">
    <div aria-haspopup="true" id="ui-id-12" tabindex="-1" role="menuitem" class="ui-menu-item-wrapper">
        <span class="ui-menu-icon ui-icon ui-icon-caret-1-e"></span>
        More3 <kbd>[F2]</kbd>
        <span class="ui-icon ui-icon-scissors"></span>
    </div>
    <ul role="menu" class="ui-menu ...">...</ul>
</li>