使用jQuery UI选项卡.如何将其中一个标签链接到URL而不是加载标签面板？

<div id="tabs">
  <ul>
    <li><a href="#tab-1">标签1</a></li>
    <li><a href="https://www.example.com" data-url="#tab-2">标签2</a></li>
    <li><a href="#tab-3">标签3</a></li>
  </ul>
  <div id="tab-1">
    <!-- 标签1的内容 -->
  </div>
  <div id="tab-2">
    <!-- 这里的内容将通过URL加载 -->
  </div>
  <div id="tab-3">
    <!-- 标签3的内容 -->
  </div>
</div>

$(function() {
  $("#tabs").tabs({
    beforeLoad: function(event, ui) {
      var url = $(ui.tab).attr("data-url");
      if (url) {
        ui.ajaxSettings.url = url;
        ui.jqXHR.fail(function() {
          ui.panel.html("加载内容失败，请重试。");
        });
      }
    }
  });
});