我遇到一个问题,当通过 Ajax 加载页面时,我的搜索输入中没有值。这是我的 HTML:
<form id="searchForm" action="javascript:;" method="post">
<div>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
<input type="submit" data-mini="true" value="Search" />
</div>
</form>
我们有一个输入按钮的原因是因为来自客户的请求,因为他们发现人们会在 IOS 键盘上单击“完成”而不是“搜索”而不提交表单。这是我处理提交的Javascript:
$(document).on('submit', '#searchForm', function () {
var text = $("#search-mini").val();
text = encodeURIComponent(text);
window.location.href = "/Mobile/Browse/Text?text=" + text;
return true;
});
如果我刷新页面,这一切都运行良好,因此内容不会通过 AJAX 加载。只有在页面之间链接并且它们由 AJAX 加载时才会失败。在这种情况下,提醒“文本”具有空白值。
我已经阅读了有关使用 JQM 初始化事件(例如“PageInit”而不是 DOM ready())的信息,如果这是正确的方法,我只需要一个用我的代码实现它的示例吗?
问候,
丹尼