草庐IT

carousel-item

全部标签

javascript - 禁止在 “Owl carousel” 中拖动特定元素(项目)-jquery

我在我的小项目中使用“OWLCarousel”jQuery插件(http://www.owlgraphic.com/owlcarousel/)。我创建了可通过此插件拖动的小脚本。现在我想禁用拖动特定元素(项目)...但我不知道该怎么做。HTML:Item-1.1Item-1.2NOTDraggbleItem-1.3Item-2.1Item-2.2NOTDraggbleItem-2.3Item-3.1Item-3.2NOTDraggbleItem-3.3CSS:div.wrap{width:990px;min-height:360px;padding:5px;border:2pxsoli

javascript - VueJS : How to Access the Previous Item in v-repeat

我有一个表,它从LaravelAPI获取一些JSON来填充行。我正在使用VueJS和v-repeat:@{{entry.id}}@{{entry.distance}}km@{{entry.consumption}}l@{{getPrice(entry)+'€'}}@{{getCost(entry)+'€'}}@{{getAverageConsumption(entry)+'l'}}@{{getAverageCost(entry)+'€'}}@{{getCostPerDay(entry)+'€'}}@{{this.getDate(entry)}}现在我想计算AverageCostPerD

javascript - ListItem 的 items 属性的 XTemplate 定义

我正在使用Sencha2.3.0,并且我希望在ListItem上的组件(文本字段)上有一个并排的XTemplate。上面的代码适用于DataView/DataItem,但我想使用仅在List/ListItem上可用的分组属性。嵌套的Xtemplate可以很好地呈现为DataItem。我怎样才能让它适用于ListItem?我也接受删除此嵌套结构并直接在ListItem上使用xtemplate作为tpl属性的解决方案(当然,还必须实现带有监听器的文本字段)。列表Ext.define('app.view.myList',{//extend:'Ext.dataview.DataView',ex

javascript - json 数据上的 Angular js 中的 Slick Carousel 不起作用

我使用这个程序github.com/vasyabigi/angular-slick.它不适用于动态数据。它只适用于静态数据。在动态数据中,它显示垂直图像而不是水平图像,没有轮播。请帮助我。这是我的指令directive('slick',function($timeout){return{restrict:"AEC",scope:{initOnload:"@",data:"=",currentIndex:"=",accessibility:"@",arrows:"@",autoplay:"@",autoplaySpeed:"@",centerMode:"@",centerPadding:

javascript - 带有自定义按钮的 UI Bootstrap 控件 uib-carousel

我试图通过按钮控制轮播,而不是轮播上方的控件(我将隐藏人字形图标)。我检查了人字形图标并在源代码中找到了这个:1">previous我尝试将属性(类除外)添加到按钮,但它不起作用:1">Previous我猜它不起作用,因为按钮不在uib-carousel,所以它不知道什么是'prev()'和'isPrevDisabled()'功能是。我可以引用该函数,还是创建我自己的函数来控制它?PlnkrDemo我注意到的另一件事,但它是题外话,如果您双击右侧或左侧的V形按钮(假设是右侧),它只会向右滑动一张。然后,如果我单击左V形,它会向右移动一次,然后向左移动(当您第二次单击左V形时)。有什么办

javascript - 如何使用 jQuery Autocomplete item click 重定向到另一个页面

我被这个问题难住了,我一直在努力让jQuery自动完成功能在建议列表中单击某个项目时转到站点上的另一个页面。有人知道怎么做吗?这是我的代码:$(':input[data-autocomplete]').autocomplete({source:$(':input[data-autocomplete]').attr("data-autocomplete"),delay:0,select:function(event,item){//window.location.replace("http://www.example.com/Profile/Details/1");//Worksbutt

javascript - JS : How to create a random picker that won't pick the same item twice?

我正在为一款游戏制作一个随机英雄选择器,这个工具会为玩家随机选择英雄。我想添加一个为整个3人团队挑选英雄的功能,但我不知道如何做到这一点,这样同一个英雄就不会被挑选超过一次。这是我为玩家挑选随机英雄的代码示例。提前谢谢你!!!!functionpickhero(){varimagenumber=16;varrandomnumber=Math.random();varrand1=Math.round((imagenumber-1)*randomnumber)+1;images=newArrayimages[1]="http://www.vaingloryfire.com/images/w

javascript - ReactiveX:Group and Buffer only last item in each group

如何对一个Observable进行分组,并从每个GroupedObservable中仅在内存中保留最后发出的项目?这样每个组的行为就像BehaviorSubject一样。像这样:{user:1,msg:"Anyonehere?"}{user:2,msg:"Hi"}{user:2,msg:"Howareyou?"}{user:1,msg:"Hello"}{user:1,msg:"Good"}所以在内存中我们只有每个用户的最后一项:{user:2,msg:"Howareyou?"}{user:1,msg:"Good"}当订阅者订阅时,这两个项目会立即发布(每个都有自己的发射)。就像我们为每

javascript - Tablesaw 未在 Bootstrap Carousel 中触发

我正在使用Tablesawplugin获取响应表。有时我需要在BootstrapCarousel的不同元素/幻灯片中包含不同的表格。加载时,Carousel事件元素上的表格将正确显示(Tablesaw已正确启动),但一旦我移动到下一张幻灯片/元素,其中的表格将无法正确显示(Tablesaw未启动).Tablesaw包含一个额外的JS文件以在加载时启动:$(function(){$(document).trigger("enhance.tablesaw");});这似乎适用于第一张幻灯片/元素,但不适用于其余部分。关于为什么会发生这种情况的任何线索?我创建了一个Plunkertoillu

javascript - OWL Carousel 图片一开始大小不合适

我正在使用OWLCarousel并且我已经对其进行了编码,因此将显示一个图像,然后每15秒就会滑入下一个图像。我已将宽度设置为屏幕的100%,因此并对js进行了适当的编码所以从理论上讲,一次应该有一个完整尺寸的图像......但是发生的是它显示所有图像相当小,然后如果我将屏幕大小调整甚至1个像素它会捕捉到它应该的样子.......关于如何避免必须调整屏幕大小以获得全尺寸图像的任何想法?这是我的HTML这是我的代码varowl=$('.owl-carousel');owl.owlCarousel({singleItem:true,items:1,loop:true,margin:10,a