jQuery UI菜单previous()方法

jQuery UI菜单previous()方法是用于获取菜单中上一个可用项的方法。它返回一个jQuery对象，表示菜单中的上一个可用菜单项或分隔符。

该方法的语法如下：

$(selector).menu('previous');

其中，selector是菜单的选择器。下面是该方法的详细说明：

参数

该方法没有参数。

返回值

该方法返回一个jQuery对象，表示菜单中的上一个可用菜单项或分隔符。

示例说明

下面是两条使用previous()方法的示例说明：

示例1：使用previous()获取菜单中上一个可用项

HTML代码如下：

<div id="menu">
  <ul>
    <li><a href="#cut">Cut</a></li>
    <li><a href="#copy">Copy</a></li>
    <li><a href="#paste">Paste</a></li>
  </ul>
</div>

JavaScript代码如下：

$(function() {
  $('#menu').menu({
    select: function(event, ui) {
      if(ui.item.hasClass('ui-state-disabled')) {
        var prevItem = ui.item.prevAll('.ui-menu-item:not(.ui-state-disabled)').first();
        prevItem.children('a').focus();
        console.log(prevItem.children('a').text());
      }
    }
  });
});

在上面的代码中，我们在菜单项被选择后，检查其是否被禁用。如果是，则使用previous()方法获取菜单中上一个可用项，并将其焦点设置为当前项。

示例2：使用previous()返回菜单中前一个可用菜单项或分隔符

HTML代码如下：

<div id="menu">
  <ul>
    <li><a href="#cut">Cut</a></li>
    <li><a href="#copy">Copy</a></li>
    <li class="ui-state-disabled">Paste</li>
    <li class="ui-menu-divider"></li>
    <li><a href="#delete">Delete</a></li>
  </ul>
</div>

JavaScript代码如下：

$(function() {
  $('#menu').menu();
  $('#getPrevious').click(function() {
    var prevItem = $('#menu').menu('previous');
    console.log(prevItem.text());
  });
});

在上面的代码中，我们在页面中添加了一个按钮，该按钮用于触发获取菜单中前一个可用菜单项或分隔符的事件。当按钮被点击时，我们使用previous()方法从菜单中获取前一个可用项。如果前一个项是菜单分隔符，则返回null。如果前一个项不存在，则返回最后一个可用菜单项。