Javascript 关于键盘问题的jQuery事件

Javascript 关于键盘问题的jQuery事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我正在寻找的一个简单版本: 现在查看更复杂的版本,如下所示: 简单的版本很好用。它没有问题,事件完全正确 现在,当你看看更复杂的网站,我的事件没有发生,我不明白为什么会有问题 我在两个网站上都添加了正确的脚本,只有一个简单的脚本有效 我正在尝试这样做,当用户单击“n”时,文本输入框将打开,就像您单击导航菜单中的“添加注释”按钮一样 我对jQuery和JavaScript非常陌生,所以这只是我正在进行的一个学习项目 谢谢大家的时间和帮助 好吧,我发现问题其实不在你的代码中,这是小提琴: 问

这是我正在寻找的一个简单版本:

现在查看更复杂的版本,如下所示:

简单的版本很好用。它没有问题,事件完全正确

现在,当你看看更复杂的网站,我的事件没有发生,我不明白为什么会有问题

我在两个网站上都添加了正确的脚本,只有一个简单的脚本有效

我正在尝试这样做,当用户单击“n”时,文本输入框将打开,就像您单击导航菜单中的“添加注释”按钮一样

我对jQuery和JavaScript非常陌生,所以这只是我正在进行的一个学习项目


谢谢大家的时间和帮助

好吧,我发现问题其实不在你的代码中,这是小提琴:

问题是您在JSFIDLE中包含了使jquery无法正常工作的mootools

这个简单的版本工作得很好,因为如果您注意到这里,您实际上包含了jquery而不是mootools

顺便说一句高级版非常漂亮,非常酷


祝你好运

它不会解决您的问题,但这里有一些事情可以改进您的js:

$(".postIt-" + id).css("width",wh);
$(".postIt-" + id).css("height",wh);
$(".postIt-" + id).css("transform","rotate("+rotatedegree+"deg)");
// ...
不要重复
$(“.posit-”+id)
,这样做既慢又没用:

$(".postIt-" + id).css("width",wh)
.css("height",wh)
.css("transform","rotate("+rotatedegree+"deg)")
// ...
与此相反:

if (randomBg == 1){
    $(".postIt-" + id).addClass("bg_one");
}
if (randomBg == 2){
    $(".postIt-" + id).addClass("bg_two");
}
这样做:

var setRandomBg = function(postit_id, bg_id) {
    $(".postIt-" + postit_id).addClass("bg_" + bg_id); // you would need to rename your classes with numbers
}
// and call it

setRandomBg(id, randomBg);

“当用户单击‘n’时”是什么意思?@DanBarzilay如果你看一个简单的项目,如果你单击n,div就会出现并消失。。当您查看更复杂的post-it网站时,如果您单击n,div不会显示为事件未被触发。还要确保jquery包含在依赖它的其他脚本之前。这并没有解决我的问题。如果你不介意的话,看看这里这是页面中的原始代码。。如果你看一下现场直播的页面(0你应该从我更新的fiddle中复制准确的html代码,你的版本在包含jquery库之前就包含了shortkeys插件。哇,我明白了!你的html完全正确!啊哈,非常感谢你的帮助!现在我更新了,问题是你需要jquery版本1.7.2,而它是1.8