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

Question

我正在为可穿戴设备创建Tizen Web App，我想路由到单独页面上的某个点，但是定位标记似乎无效。他们将我引导至页面，但仅将其引导至页面顶部。

我已经尝试了这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();