这是我正在寻找的简单版本: http://jsfiddle.net/mitchbregs/DLg92/5/
现在有一个更复杂的版本: http://jsfiddle.net/mitchbregs/E7a9S/1/
简单版本工作得很好。它没有任何问题,事件是完全正确的。
现在,当您查看更复杂的网站时,我的活动不会发生,我不明白为什么会出现问题。
我向两个网站添加了正确的脚本,只有简单的脚本正在运行。
我正在尝试这样做,以便当用户点击'n'时,text_input_box就会像点击导航菜单中的'添加注意'按钮一样打开。
我对jQuery和JavaScript很陌生,所以这只是我正在研究的一个学习项目。
感谢大家的时间和帮助!
答案 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);