键盘问题上的jQuery事件

时间:2012-08-18 19:11:08

标签: javascript jquery html css

这是我正在寻找的简单版本: http://jsfiddle.net/mitchbregs/DLg92/5/

现在有一个更复杂的版本: http://jsfiddle.net/mitchbregs/E7a9S/1/

简单版本工作得很好。它没有任何问题,事件是完全正确的。

现在,当您查看更复杂的网站时,我的活动不会发生,我不明白为什么会出现问题。

我向两个网站添加了正确的脚本,只有简单的脚本正在运行。

我正在尝试这样做,以便当用户点击'n'时,text_input_box就会像点击导航菜单中的'添加注意'按钮一样打开。

我对jQuery和JavaScript很陌生,所以这只是我正在研究的一个学习项目。

感谢大家的时间和帮助!

2 个答案:

答案 0 :(得分:3)

好吧,我发现问号确实不在你的代码中,这就是小提琴:http://jsfiddle.net/E7a9S/5/

问题在于你在jsfiddle中包含了mootools,这使得jquery无法正常工作。

简单的版本工作得很好,因为如果你注意到那里你确实包含了jquery而不是mootools。

btw 高级版很漂亮,非常酷。

祝你好运!

答案 1 :(得分:1)

它无法解决您的问题,但这里有一些改进您的js的事情:

$(".postIt-" + id).css("width",wh);
$(".postIt-" + id).css("height",wh);
$(".postIt-" + id).css("transform","rotate("+rotatedegree+"deg)");
// ...

不要重复$(".postIt-" + 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);