使用jquery

Question

我这里有一个输入类型，应该将我重定向到同一网站上的另一个页面： / Page1 / Search！q =后跟我实际插入输入类型框中的术语。 有什么想法为什么下面的代码不起作用？ 在进入时，没有任何反应。 在Firefox中，我转到工具＆gt; Web开发人员＆gt;调试器为了设置一个断点进行调试，但是在Debugger中我的Sources面板显示为空。我期待在那里看到我的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服务器的情况下在本地查看文件，则需要在http URL中添加协议https或src。代码中的第三个错误是myFunction: function (term)，它应该是myFunction = function (term)

Answer 2

试试这段代码：

$('.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;
}