Question

我正在使用jQuery mobile创建移动应用。我希望在输入搜索查询时将用户重定向到特定页面。例如，如果用户键入xyz，则应将其重定向到#xyz。

我的代码：

<form onsubmit="queryRedirect()">
    <input type="search" id="search_bar" placeholder="Type a string">
</form>

function queryRedirect() {
var page = document.getElementById('search_bar').value;
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + page);
return false;
}

它确实重定向，但问题是，新页面只持续1-2秒，然后它会自动返回主页.. Plz帮我解决这个问题..

Answer 1

我认为这样做。

使用location.href = '#'+page;

请查看 fiddle 。

以下是摘录。

function queryRedirect() {
  var page = document.getElementById('search_bar').value;
  location.href = '#' + page;
  return false;
}

<form onsubmit="return queryRedirect()">
    <input type="search" id="search_bar" placeholder="Type a string" />
</form>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='xyz'>
    hh
</div>

重定向在Jquery mobile

1 个答案: