从加载的 JQueryUI 选项卡设置页面标题 <title> [closed]-解网

问：

编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

8天前关闭。

改进此问题

我们正在将内容加载到 JQuery UI 选项卡中，该内容包含 HTML 结构，如下所示：

<html lang="en-US">
<head>
<title>Product ABC</title>
</head>
<body>
Product description, images, order button, etc...
</body>
</html>

我需要获取该文本并将其作为浏览器选项卡标题，例如<title>document.title = $(loadedContent).filter('title').text();

但似乎 JQuery UI 选项卡控件没有直接公开 ajax 响应。“load”事件提供对加载内容的面板的引用，但它似乎只包含内容，已被删除。<body><head>

任何想法如何捕获JQuery UI Tab加载的内容？<title>

javascript jquery jquery-ui

<head> 已被删除 - 您只能有一个元素，因此它不会将其添加为 .您的内容不应加载整个页面，而应加载部分页面（不带标签），只需加载正文内容。jquery-ui 很友善，为您“修复”了它。将包含在正文中的隐藏元素中，然后从那里读取它。<head>body<html><head><body>title

0赞 Twisty 11/14/2023

请提供一个最小的可重复示例。您应该能够从对象中找到标题。ui.tab

答：

0赞 Twisty 11/14/2023 #1

请看以下示例：https://jsfiddle.net/Twisty/uxtnhmcp/

JavaScript的

$(function() {
  function getTabTitle(tab) {
    console.log("Found Tab Title: " + tab.text().trim());
    return tab.text().trim();
  }

  function setDocTitle(title) {
    document.title = title;
    console.log("Document Title change to '" + title + "'");
  }

  $("#tabs").tabs({
    beforeLoad: function(e, ui) {
      console.log(e.type);
      ui.jqXHR.fail(function() {
        ui.panel.html(
          "Couldn't load this tab. We'll try to fix this as soon as possible. " +
          "If this wouldn't be a demo.");
      });
    },
    load: function(e, ui) {
      if (ui.tab != undefined) {
        setDocTitle(getTabTitle(ui.tab));
      }
    },
    activate: function(e, ui) {
      setDocTitle(getTabTitle(ui.newTab));
    }
  });
});

or 对象将是 HTML 中的列表项。我们可以从元素中获取并将其用作 Title。tabnewTab.text()

从加载的 JQueryUI 选项卡设置页面标题 <title> [closed]

Set page title from JQueryUI tab loaded <title> [closed]

评论

评论

从加载的 JQueryUI 选项卡设置页面标题 &lt;title&gt; [closed]

Set page title from JQueryUI tab loaded <title> [closed]

评论

评论

从加载的 JQueryUI 选项卡设置页面标题 <title> [closed]