jquery - 关于这个 fiddle 的两个 JQuery 问题

标签 jquery css

关于这个 fiddle 的两个问题。

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

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

2)当黑色方框被拖入粉色方框时,粉色方框会以黑色字母给出“dropped”的消息。有没有办法改变消息的颜色,例如使其变为白色?

感谢您的帮助

最佳答案

这是你想要的吗?

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 标记更加清晰。

关于jquery - 关于这个 fiddle 的两个 JQuery 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6541317/

相关文章:

javascript - 做 CORS 时 getJSON 和 ajax 之间的 cookie 差异

javascript - jQuery 数据属性正在削减前导零

javascript - 源代码中 CSS 段和 JS 函数放置顺序的权衡

javascript - 在网页上水平对齐时钟

html - 最佳 CSS 实践和通用编码

javascript - 使用 parallax.min.js 将空白添加到视差 div

ie中的jQuery循环png问题

html - 如何在 Mozilla Firefox 中将 HTML `legend` 元素设置为表格单元格?

html - 我如何在 html 中使用我的 css

html - 触摸设备的 CSS 过渡悬停效果