Tag: 自定义数据属性

多响应猫头鹰旋转木马

我需要在某个页面中创建多个响应式猫头鹰轮播，我需要使用数据属性。 我这样工作，但我无法响应我的旋转木马， jQuery的 var $carousel = $(‘.data-carousel[data-carousel]’); if ($carousel.length) { $carousel.each(function() { $(this).owlCarousel($(this).data(‘carousel’)); }); } HTML 1 2 3 4 现在我需要响应我的猫头鹰旋转木马，我喜欢这个…… HTML 1 2 3 4 但响应性的选择，不起作用。 我在owl carousel文档中看到了这个： jQuery的 $(‘.owl-carousel’).owlCarousel({ loop:true, margin:10, responsiveClass:true, responsive:{ 0:{ items:1, nav:true }, 600:{ items:3, nav:false }, 1000:{ items:5, nav:true, loop:false } } }); 我需要在我的页面中创建一些动态和响应的轮播，我应该使用数据属性…

使用jQuery选择具有数据属性的元素会为其父元素分配一个空ID

这真是奇怪。 如果我使用jQuery的.find()来查找在滚动事件期间具有数据属性的子元素，那么滚动页面将重复地向这些元素的父元素添加和删除ID。 这很难描述，但这是一个可重现的测试用例： http ： //jsfiddle.net/8fouvx9p/ var groups = $(“.group”); $(window).bind(“scroll resize orientationchange”, function() { showGroup(); }); function showGroup() { $(groups).each(function() { var group = $(this), elements = $(group).find(“[data-animation]”); }); } Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test […]