jQuery 不适用于 JSP答案

【问题标题】：jQuery is not working with JSPjQuery 不适用于 JSP
【发布时间】：2013-08-01 04:34:48
【问题描述】：

我是 jQuery 新手，刚开始学习，我在 jquery 中编写了这个最简单的代码，但它不起作用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>$(document).ready(function(){
alert("hello"); 
$('#_divTxtmyName_combo').keypress(function(event){alert("HI Samantha");})});
</script>

谁能告诉我我做错了什么？

【问题讨论】：

标签： jquery jsp html keypress

【解决方案1】：

它可能将“#_divTxtmyName_combo”视为无效，因为元素的 id 以“_”开头。

尝试修改一次，并在正文部分的末尾包含您的 java 脚本文件并检查它是否正常工作。

【讨论】：

我已将“#_divTxtmyName_combo”替换为“.txtdiv”...仍然无法正常工作。
你试过把你的 jquery 代码放在正文部分的末尾吗？
将您的代码包含在 JSfiddle 中。它绝对工作正常。在这里查看演示：jsfiddle.net/N9bQf/2
它只在按键时提醒“你好”而不是“嗨 Samantha”......我在本地系统上面临的同样问题。
如果 alert("Hello") 有效，那么 jquery 似乎适合您。问题在于触发事件。

【解决方案2】：

您想为您的 div 内的标签触发按键事件。我在这里使用 div 内的文本框。试试这个

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
alert("hello"); 
$('#_divTxtmyName_combo').keypress(function(event){alert("HI Samantha");})});
</script>


<div id="_divTxtmyName_combo">
<input type="text" />
</div>

在这里，按下文本框中的任何键都会触发事件..

【讨论】：

【解决方案3】：

通常情况下，您必须在输入标签中使用按键事件，而不是使用 div 标签。

如果你需要 div 标签的按键事件，那么你必须使用 tabindex 属性

这里是代码

<div id="#divTxtmyName" tabindex="1">      
    <p>    Lorem ipsum dolor sit amet, facilisis donec aliquam integer, cursus nulla metus. Libero neque feugiat in veniam nec, rutrum eros nec, penatibus amet ut accumsan. Quam ac nisi sempe

        </p>
</div>

jQuery 代码：

$(function() {

$("#divTxtmyName")
    .on("keypress", keyAction)                           
}); 

function keyAction() {
            alert('hi');
        }

例子在这里--->Click here for example

【讨论】：