关于这个小提琴的两个JQuery问题

时间:2011-06-30 21:29:46

标签: jquery css

关于这个小提琴的两个问题。

http://jsfiddle.net/mjmitche/4emqh/2/

1)最初,黑匣子(带有div“云”)向右移动,你可以将它拖到粉红色的盒子里。但是,当我尝试使用div id“cloud2”添加第二个框(绿色)时,它停止了黑色的动画。您可以在小提琴中看到我是如何尝试添加green / cloud2的。做正确的方法是什么?我认为你可以将元素堆叠在一起(用逗号或半冒号),就像我在这个小提琴中使用#cloud和#cloud2一样。

2)当黑匣子被拖入粉红色的盒子时,粉红色的盒子会以黑色字母显示“掉落”的信息。有没有办法改变消息的颜色,使其变白;例如?

感谢您的帮助

2 个答案:

答案 0 :(得分:2)

这是你想要的吗?

http://jsfiddle.net/4emqh/5/

当您在单个选择器中选择多个项目时,您的选择器应使用逗号和所有一个字符串连接。 (例如$("#item1, #item2")


您可能想要添加一个指定白色的类,但是在drop函数中这将实现您想要的“一种方式”的示例:

drop: function(event, ui) {
    $(this).addClass("ui-state-highlight")
           .css("color", "white")
           .find("p")
           .html("Dropped!");

快速修改

BumbleB2na建议添加一个类(或以其他方式选择css)p标签更清晰。

答案 1 :(得分:1)

你为什么不这样做? http://jsfiddle.net/4emqh/6/