当多个CSS类应用于单个元素时,通过使用其CSS类Name使元素可以删除

时间:2010-09-25 12:49:34

标签: jquery css jquery-ui

我有以下元素

<div class="class1 class2 class3"></div>

我正在尝试使用jquery

获取类名为“class3”的所有元素
$('.class3').droppable();

但是我没有将上述div视为可丢弃的。有什么想法吗?

3 个答案:

答案 0 :(得分:2)

编辑更新的问题:

.droppable()不接受一个函数,它只接受一个对象,你只需要这个默认值:

$('.class3').droppable();

还要确保它位于document.ready处理程序中,如下所示:

$(function() {
  $('.class3').droppable();
});

然后,还要确保在页面中正确包含jQuery UI ...如果不是这种情况,则应该收到错误(.droppable()不是函数等)。

答案 1 :(得分:1)

这应该是肯定的,这里有一些其他潜在的错误原因:

在DOM准备好之前执行 确保在加载DOM后执行代码

$(document).ready( function() {
    //Your Code
});

$对象存在冲突 有几个对象使用变量$作为其函数的简写,请尝试使用jQuery.

jQuery(document).ready( function() {
    jQuery('.class3').each(function(){
    });
});

修改更新的问题 我不熟悉droppable插件,但是jQuery网站有一个如下例子:

$("#droppable").droppable({
  drop: function() { alert('dropped'); }
});

更多信息:http://docs.jquery.com/UI/Droppable

答案 2 :(得分:0)

试试这个

    $('.class3').droppable({ accept: 'someselector' });