javascript - 使用 jquery 进行 url 重定向的输入文本框

Question

我这里有一个输入类型，它应该将我重定向到同一站点上的另一个页面:/Page1/Search!q= 后跟我实际插入到输入类型框中的术语。有什么想法为什么下面的代码不起作用？输入后，什么也没有发生。在 Firefox 中，我转到“工具”>“Web 开发人员”>“调试器”以设置调试断点，但在“调试器”中，我的“源”面板显示为空。我期待在那里看到我的 jquery 函数定义。有任何想法吗？谢谢。

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<input class="myClass" id="q" name="q" type="text" value="" />

<script type="text/javascript">
$('.myClass').keypress(function (e) {
if (e.keyCode === 13) {
sp.myFunction($('.myClass').val());
return false;
}
return true;
});

myFunction: function (term) {
window.location.href = 'Page1/Search?q=' + term;
}

</script>

Answer 1

这是正确的代码。

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<input class="myClass" id="q" name="q" type="text" value="">

<script type="text/javascript">
$('.myClass').keypress(function (e) {
    if (e.keyCode === 13) {
        myFunction( $('.myClass').val() );
        return false;
    }
    return true;
});

myFunction = function (term) {
    window.location.href = 'Page1/Search?q=' + term;
}
</script>

您缺少 jQuery 库。 jquery-ui.js 是另外一回事。其次，如果您在没有任何 Web 服务器的情况下在本地查看文件，则需要在 src URL 中添加协议(protocol) http 或 https。代码中的第三个错误是 myFunction: function (term) 它应该是 myFunction = function (term)