javascript - 关于改变可拖动元素的属性

Question

我想在拖动过程中更改可拖动元素的属性(字体颜色、背景颜色、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 的问题吗？

Answer 1

为什么不使用类呢？

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

注意:有一个默认类 (ui-draggable-dragging)，您可以在您的 css 中使用它，而无需编写任何额外的 js。