jQuery .not()和draggable ui的问题

时间:2010-04-29 12:03:16

标签: jquery jquery-ui

好的,当某些东西可以拖动时,它会被赋予类.ui-draggable 当某些东西被禁用时可以拖动.ui-draggable-disabled

我想只选择可拖动的项目。

我正在使用以下选择器,但它似乎不起作用。我的残疾人可拖动物品在悬停时仍在做些什么。有什么想法吗?

$('.ui-draggable').not('.ui-draggable-disabled').hover(function() {
// rest of code

由于

1 个答案:

答案 0 :(得分:4)

尝试:

// selector means "doesn't have", ':not(:has(selector))'
$(".ui-draggable:not(:has(.ui-draggable-disabled))").hover(function() { ...

或:

$('.ui-draggable').not(':has(.ui-draggable-disabled)').hover(function() {

或测试hover mouseover / mouseout函数中是否存在已禁用的类:

$(".ui-draggable").hover(function() {
    if(!$(this).hasClass("ui-draggable-disabled")) {
        // do stuff
    }
}, function() {
    if(!$(this).hasClass("ui-draggable-disabled")) {
        // do stuff
    }   
});