锚标记在 Tizen Web App 中不起作用

Question

我正在为可穿戴设备创建一个 Tizen Web 应用程序，我想路由到单独页面上的某个点，但锚标记似乎不起作用。他们将我路由到该页面，但只是到页面顶部。

我已经尝试了这 3 个选项，第一个将我引导到页面顶部，无论标签有多远，另外两个根本不起作用。

我还尝试使用 href="flags.html#A" 在单独的 HTML 中对第二页执行此操作，这也被路由到页面顶部。

我也尝试使用 'name' 代替 'id' 并使用 'div' 标签代替 'a' 标签，结果相同。

<div class="ui-page ui-page-active" id="main">
    <div class="ui-content">
      <ul class="ui-listview">
          <li><a href="#flags">A
              <i>Alfa</i></a></li>
          <li><a href="#flags#B">B
              <i>Bravo</i></a></li>
          <li><a href="#flagsC">C
              <i>Charlie</i></a></li>
      </ul>
    </div>
</div>
<div class="ui-page" id="flags">
    <header class="ui-header">
        <h2 class="ui-title">Select Flag</h2>
    </header>
    <div class="ui-content">
        <a id="A">A-Alfa</a><br>
            <a><b>International Call Signals</b><br>I have a diver down; keep well clear at slow speed</a><br>
        <a id="B">B-Bravo</a><br>
            <a><b>International Call Signals</b><br></a><br>
        <a id="flagsC">C-Charlie</a><br>
            <a><b>International Call Signals</b><br>Affirmative</a><br>
    </div>
</div>

任何帮助将不胜感激

Answer 1

不是最干净的解决方案，但我最终使用 javascript 函数来实现我的目标。

function loadPage2(flagSelection) {
    window.localStorage.setItem("flagSelected", flagSelection);
    location.href="flagsPage.html";
}

触发于；

<li><a onclick=loadPage2("#A");>A
    <i>Alfa</i></a></li>
<li><a onclick=loadPage2("#B");>B
    <i>Bravo</i></a></li>
<li><a onclick=loadPage2("#C");>C
    <i>Charlie</i></a></li>

在第二页；

var flagSelection = window.localStorage.getItem("flagSelected");

function jumpToFlag() {
    location.href="#";
    location.href=flagSelection;
}

const load = () => {
    console.log("load event detected!");
}   
window.onload = jumpToFlag();

锚标记在 Tizen Web App 中不起作用

Anchor tags are not working in Tizen Web App

html

tizen

tizen-web-app

tizen-wearable-sdk