关于更改可拖动元素的属性

时间:2011-10-04 17:42:47

标签: javascript css

我想在拖动过程中更改可拖动元素的属性(字体颜色,背景颜色,z-index)。我不知道问题是否是IE9,但是代码有效的属性,还有其他不适用的属性。

$(function() {
    $('.comurl').draggable({ 
        start: function(event, ui) { 
            $(this).css("background-color","red"); //works
            $(this).css("color","red");            //doesn't
            $(this).css("z-index","999999");       //doesn't
            },
        stop: function(event, ui) {  
            $(this).css("background-color","green"); //works
            $(this).css("color","green");            //doesn't
            $(this).css("z-index","auto");           //doesn't
        } 
    });
});

以这种方式调用属性的名称是否不同?这是IE9的问题吗?

1 个答案:

答案 0 :(得分:3)

为什么不改用课程?

$(function() {
    $('.comurl').draggable({ 
        start: function(event, ui) { 
            $(this).addClass('dragging');
            },
        stop: function(event, ui) {  
            $(this).removeClass('dragging');
        } 
    });
});

注意:您可以在css中使用默认类(ui-draggable-dragging),而无需编写任何其他js。