3

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

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

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

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

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

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

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

谢谢大家的时间和帮助!

4

2 回答 2

3

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

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

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

顺便说一句,高级的很漂亮,真的很酷。

祝你好运!

于 2012-08-18T19:30:43.047 回答
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);
于 2012-08-18T19:41:29.423 回答