首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >JQuery javascript Galleria IO拼接

JQuery javascript Galleria IO拼接
EN

Stack Overflow用户
提问于 2013-09-19 14:31:24
回答 1查看 553关注 0票数 1

我有一个使用IO的画廊,一切都运行得很顺利,但当我尝试删除画廊上的选定图像时,我遇到了一个问题。

下面是我使用的代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var gallery  = $('#galleriaID').data('galleria');
var index = gallery.getIndex();
gallery.splice(index,1);
gallery.next();

一切都运行得很顺利,但是当我尝试删除图库中的penultimate图像时,它并没有被移除,而且图库在我正在观察的控制台中是blocked

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
TypeError: data is undefined
version "+version+" to use one or more components.";if(Galleria.version<version...
galler...BC32189 (line 3)
TypeError: self.getData(...) is undefined

我知道我只是试图删除画廊中的penultimate图像,我做错了什么,有一些解决方法??

非常感谢。

EN

回答 1

Stack Overflow用户

发布于 2013-10-24 14:33:27

我自己也一直在解决同样的问题,并且有一个合理的变通方法,使用与galleria-1.3.js一起工作的show()setIndex()

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var galleria = $('#galleria').data('galleria');
var galleriaLength = galleria.getDataLength();
var currentIndex = galleria.getIndex();
var nextIndex = (currentIndex == galleriaLength - 1) ? 0 : currentIndex + 1;

// Remove the image from the Galleria film slideshow
galleria.splice(currentIndex, 1);

if (galleriaLength > 1) {
  // Need to use show() and setIndex() because next() doesn't work on the
  // penultinate image.
  galleria.show(nextIndex);
  galleria.setIndex((nextIndex == 0) ? 0 : nextIndex - 1);

  // Set a delay of 50ms because there seems to be a race condition
  // of trying to preload images that haven't been spliced out of
  // the gallery yet (working theory).
  galleria.lazyLoadChunks(10, 50);

  // Hack to set the counter because setCounter() isn't working here
  $('.galleria-counter .galleria-current').html(indexToSet + 1);
} else {
  // Destroy Galleria when there are no more images
  galleria.destroy();
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18897535

复制
相关文章
JavaScript——字符串拼接
数字和字符串拼接会自动进行类型转换(隐士类型转换),把数字类型转成字符串类型进行拼接
落雨
2022/05/05
24K0
ajax请求接口,jquery拼接数据循环
关于上一篇写的文章,jquery拼接数据循环一个数据列表:https://www.jianshu.com/p/d4034550fcf3。如果把json写在接口数据里面,使用ajax来调用,又该怎么样的使用?其实也很简单,首先将数据写在data.json文件里面,使用ajax的url请求之后,进行拼接即可。
王小婷
2019/07/10
3.1K0
ajax请求接口,jquery拼接数据循环
JavaScript - 测试 jQuery
为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL:
陈不成i
2021/07/21
6050
JavaScript 数组进行拼接的函数
有时候,我们希望在 JavaScript 中将 2 个已经存在的数组串拼接成 1 个数组。
HoneyMoose
2021/08/24
1.6K0
JavaScript 数组进行拼接的函数
JavaScript|jQuery基础语法
jQuery 是一个 JavaScript 库,它极大地简化了 JavaScript 编程。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
算法与编程之美
2020/07/28
7930
JavaScript|jQuery基础语法
JavaScript 框架学习(JQuery)
参考: http://www.w3cschool.cc/jquery/jquery-tutorial.html
lpe234
2020/07/28
7.8K0
jquery调用javascript方法
本来想找个“优雅”一点的方法,类似C#在调用C++方法时候的Invoke之类的。没找到,后来想想,其实也没必要,直接写就好了,算最优雅了吧。只是少了VS的Intelligence,有点不习惯罢了。
_淡定_
2018/08/24
1.6K0
JavaScript进阶内容——jQuery
我们在前面的文章中已经掌握了JavaScript的全部内容,现在让我们了解一下JavaScript库
秋落雨微凉
2022/10/25
5.5K0
JavaScript进阶内容——jQuery
JavaScript 动画_jquery 动画
回调函数原理:函数可以作为一个参数。将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数,这个过程叫做回调。
全栈程序员站长
2022/11/04
2.4K0
Jquery+Ajax+Bootstrap Paginator实现分页的拼接
效果图如下 图片.png jsp页面引入bootstrap样式,jquery和bootstrap-paginator.js <link type="text/css" rel="styles
王小婷
2018/06/21
2.2K0
jQuery VS JavaScript原生API
如今技术日新月异,各类框架库也是层次不穷。即便当年漫山红遍的JQuery(让开发者write less, do more,So Perfect!!)如今也有被替代的大势。但JS原生API写法依旧;并且有时候只不过小写一个Demo,或者产品中只有少量的前端效果或DOM操作,就去花时间&空间引入jQuery,或者React?不免有取宰牛之刀以杀鸡之嫌。 在jQuery的温柔乡里,是否还能记得原生她javascript原生?如果仅为使用个选择器($)或者类似的东西,是否真的有必要加载jQuery?故此了解下JS常
晚晴幽草轩轩主
2018/03/27
1.6K0
抛弃jQuery,拥抱原生JavaScript
Why not jQuery 1. 模式变革 jQuery 代表着传统的以 DOM 为中心的开发模式,但现在复杂页面开发流行的是以 React 为代表的以数据/状态为中心的开发模式 应用复杂后,直接操作 DOM 意味着手动维护状态,当状态复杂后,变得不可控。React 以状态为中心,自动帮我们渲染出 DOM,同时通过高效的 DOM Diff 算法,也能保证性能。我们在 React 应用实践中也发现,大部分当你想直接操作 DOM 的时候,就意味着你可能做错了。 2. 不支持同构渲染 重构就是前后端运行同一份代
前朝楚水
2018/04/03
1.2K0
抛弃jQuery,拥抱原生JavaScript
javascript-继承之jquery
jquery 截止到当前已经 3.3.1 版本了,如今随着各种浏览器的盛行,前端的框架层出不穷,jquery 独步天下,老夫写代码只用 jquery,拿起代码就是干的辉煌时代已经过去了。
chuchur
2022/10/25
1.1K0
javascript-继承之jquery
JavaScript强化教程——jQuery 核心
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuety
IMWeb前端团队
2019/12/04
1.1K0
JavaScript类库---JQuery(二)
   一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数;
JQ实验室
2022/02/09
1.3K0
JavaScript类库---JQuery(二)
jquery拼接数据循环一个数据列表
但从后端请求过来json数据之后,需要把数据做成循环列表,那么,怎么jquery拼接数据循环一个数据列表?现在写一个简单的demo,效果如下所示:
王小婷
2019/07/10
2.8K0
jquery拼接数据循环一个数据列表
JavaScript类库---JQuery(一)
Jquery类库定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。返回一个新创建的JQuery对象;
JQ实验室
2022/02/09
4.2K0
JavaScript类库---JQuery(一)
jQuery1.0 - jQuery1.0.4 之 JavaScript实现AJAX
AJAX系列文章包括 “JavaScript实现Ajax”,“XMLHttpRequest对象详解”和“contentType与Spring那些事” 等文章。
用户7293182
2022/01/06
1.1K0
jQuery1.0 - jQuery1.0.4 之 JavaScript实现AJAX
JavaScript中的 innerHTML 字符与变量拼接赋值
 注意这样写只会显示字符串,整型变量无法显示,要改成 parseInt(dis) ,才能达到如图的效果。
acoolgiser
2019/01/17
2.6K0
JavaScript强化教程——jQuery AJAX 实例
本文为H5EDU机构官方HTML5培训教程,主要介绍JavaScript强化教程——jQuery AJAX实例。文章介绍了AJAX的基本概念,以及使用AJAX的应用程序案例,并详细讲解了jQuery的load()方法进行AJAX请求的方法和示例。最后,通过一个完整的示例,展示了如何使用jQuery实现AJAX请求,并加载外部内容到指定的元素中。
IMWeb前端团队
2018/01/08
1.1K0

相似问题

Java JQuery javascript Galleria IO

13

Java ZK+Javascript JQuery Galleria IO FullScreenMode

11

JavaScript JQuery Galleria.io Zk Framework getSelectedImage()或getIndex

11

与Galleria冲突的jQuery / Javascript

13

以galleria (Javascript/Jquery)问题为中心

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文