我有一个名为#elementoDraggabile
的可拖动对象的页面。
当我在x轴上移动#elementoDraggabile
时,我也希望改变
另一个对象#elementoDroppable
例如,当#elementoDraggabile
的位置为x = 1
时,#elementoDroppable
的背景颜色为green
,而#elementoDraggabile
的背景颜色为x = 2
然后#elementoDroppable
的背景颜色应为orange
。
有人可以帮帮我吗?
这是我的例子:http://goo.gl/H3zmj
好的,新文件:http://goo.gl/P1saz
悬停时#droppable
的颜色发生变化。是否有可能在没有悬停的情况下改变他的背景,但是当我拖动#draggable
时?可能我必须修改这一行:$("#draggable").on("hover",function(){
。是不是?
感谢所有人!!!
答案 0 :(得分:0)
答案 1 :(得分:0)
$("#draggable").on("hover",function(){
var p = $("#draggable");
var position = p.position();
if(position.left >10)
{
$("#droppable").css("background-color","green");
}
if(position.left >20)
{
$("#droppable").css("background-color","orange");
}
});
以下是工作代码:http://jsfiddle.net/jm8AG/