Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jqueryui,元素子元素的语法_Jquery_Jquery Ui - Fatal编程技术网

jqueryui,元素子元素的语法

jqueryui,元素子元素的语法,jquery,jquery-ui,Jquery,Jquery Ui,如何在事件的函数中引用元素的子元素 这种方式不起作用: $(function() { $("#sortable1").sortable({ start: function() { $('#sortable1:first-child').addClass('some') }, }); }); 试试这个: $('#sortable1').children().eq(0).addClass('some') 试试这个: $(

如何在事件的函数中引用元素的子元素

这种方式不起作用:

$(function() {

    $("#sortable1").sortable({
        start: function() {
            $('#sortable1:first-child').addClass('some')
       },

    });

});
试试这个:

$('#sortable1').children().eq(0).addClass('some')
试试这个:

$('#sortable1').children().eq(0).addClass('some')
$'sortable1:first child'指向我认为id为sortable1的文档的第一个子级。您需要指定子对象是什么

例如,如果它是一个span,您需要$'sortable1 span:first child'

$'sortable1:first child'指向我认为id为sortable1的文档的第一个子级。您需要指定子对象是什么


例如,如果它是一个span,则需要$'sortable1 span:first child'

为每个可排序项分配一个class:ui可排序句柄。然后,您可以在开始回调中选择此选项

$(function() {
  $("#sortable1").sortable({
    start: function() {
      $(this).find(".ui-sortable-handle").eq(0).addClass('some');
      /* OR:
      $(this).find(".ui-sortable-handle").filter(":first").addClass('some');
      */
    }
  });
});
请参阅更多:


如果此项目被移动,您添加的类将随之移动。如果后面的另一个项目是第一个,它也将被分配some类。

每个可排序项目都被分配一个class:ui可排序句柄。然后,您可以在开始回调中选择此选项

$(function() {
  $("#sortable1").sortable({
    start: function() {
      $(this).find(".ui-sortable-handle").eq(0).addClass('some');
      /* OR:
      $(this).find(".ui-sortable-handle").filter(":first").addClass('some');
      */
    }
  });
});
请参阅更多:



如果此项目被移动,您添加的类将随之移动。如果另一个项目,稍后是第一个,它也会被分配一些类。

选择:谢谢你,卡潘扎克,费德里科·克莱兹·库洛卡,两种解决方案都很完美。在这种情况下,我们两人的投票都不会让你付出任何代价:费德里科·克莱兹·库洛卡,我做到了,但是声誉的缺失使我的投票不可见@Аааа:你的账户仍然能够接受答案。关于如何做到这一点。答案接受在这里不是严格强制的,但它是推荐的,并且是感谢帮助过你的人的最好方式。你选吧:谢谢你,卡潘扎克,费德里科·克莱兹·库洛卡,两种解决方案都很完美。在这种情况下,我们两人的投票都不会让你付出任何代价:费德里科·克莱兹·库洛卡,我选了,但是声誉的缺失使我的投票不可见@Аааа:你的账户仍然能够接受答案。关于如何做到这一点。答案接受在这里并不是严格的强制要求,但它是推荐的,并且是感谢帮助过我的人的最好方式。谢谢,我明白了,但任务更广泛。在三个列表之间排序时,源列表和目标列表中的所有项目必须在几乎所有可能的事件中更改属性是否显示、应用和删除子项等@听起来你在为自己做很多工作。我会把这些额外的信息转移到一个.数据存储中。是的,我试着制作一个应用程序来帮助我的工作和食物配送。它看起来像这样:并且将像这样使用:。管理部分已经完成,需要制作一个带有拖放功能的前屏幕。它可以通过浏览器工作,但也许以后我会学习,如果我有时间的话,如何利用它制作一个Android应用程序。>将额外的信息移动到数据存储中。-我将试着去了解它,tnx。@АаСаФааааааааааааа。从而从原始组中删除项目并将其添加到另一个组中。我不会为此使用Sortable;因为你的操作会更复杂。将建议拖放。感谢您的建议,但依我看,可排序最适合。我真的需要在三个连接的列表之间对项目进行排序。我只是想让列表看起来像一副扑克牌或一堆硬币,只有最上面的项目是可见的。在那张照片里,一个小组,它不是一个专栏。每个单元格都是一个组,包含ul。每个单元格表示,在某一特定状态下,有多少份服务被订购、出售或处于休息状态,而每一个li都是一份。用户从一个组到另一个组移动一块一个li。谢谢,我明白了,但任务更广泛。在三个列表之间排序时,源列表和目标列表中的所有项目必须在几乎所有可能的事件中更改属性是否显示、应用和删除子项等@听起来你在为自己做很多工作。我会把这些额外的信息转移到一个.数据存储中。是的,我试着制作一个应用程序来帮助我的工作和食物配送。它看起来像这样:并且将像这样使用:。管理部分已经完成,需要制作一个带有拖放功能的前屏幕。它可以通过浏览器工作,但也许以后我会学习,如果我有时间的话,如何利用它制作一个Android应用程序。>将额外的信息移动到数据存储中。-我将试着去了解它,tnx。@АаСаФааааааааааааа。从而从原始组中删除项目并将其添加到另一个组中。我不会为此使用Sortable;因为你的操作会更复杂。将建议拖放。感谢您的建议,但依我看,可排序最适合。我真的需要在三个连接的列表之间对项目进行排序。我只是想让列表看起来像一副扑克牌或一堆硬币,只有最上面的项目是可见的。在那张照片里,一个小组,它不是一个专栏。每个单元格都是一个组,包含ul。每个单元格表示,在特定状态下有多少个服务是有序的,所以 或在休息时,每一里都是一片。用户从一个组向另一个组移动一块一个li。