Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery幻灯片(瑞安·弗洛伦斯)不在点击上工作

jQuery幻灯片(瑞安·弗洛伦斯)不在点击上工作
EN

Stack Overflow用户
提问于 2012-11-18 00:19:10
回答 1查看 194关注 0票数 0

我一直试图让一个jQuery幻灯片(点击)工作了一段时间,但找不到我哪里错了。我正在使用瑞安·弗洛伦斯的jQuery幻灯片导航:

http://ryanflorence.com/jquery-slideshow/demos/slideshownav/

我在这里组装了一个jsFiddle:

http://jsfiddle.net/hAvXt/3/

我已经确保包含了jQuery UI。在他的网站上,有三个javascript文件包含在他的示例中(demo.js,jquery.rf.slideshow.js,jquery.rf.slideshownav.js)。我已经将它们全部放入JSFiddle的javascript部分。

基本上,当我点击正确的按钮时,它会将“幻灯片”div更新为正确的内容,但它不会给我转换。起初我认为这是因为我使用的是“div”而不是图像,但我在过去的div中使用过他的更简单的幻灯片,它运行得很好。非常感谢你的帮助。

这是我的导航栏:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="slideshow" id="slideshow" style="width:1105px; height:1402px;">
<div id="red" style="background-color:red;height:1402px; width:1105px;">TEST 1</div>
<div id="green" style="background-color:green;height:1402px; width:1105px;">TEST 2</div>
<div id="blue" style="background-color:blue;height:1402px; width:1105px;">TEST 3</div>
</div>

下面是jQuery函数的实现:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(function(){
  $('#slideshow').slideshownav({
    transition: 'push(#{direction})',
    mode: 'vertical',
    navSelector: '> ul > li > a',
    duration: 400,
    autoPlay: false
  });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-18 02:57:21

我把它设置得很奇怪(对于将来遇到这个问题的任何人)。有了这个幻灯片,实际的锚点href不会在这个演示站点的源代码中做任何令人困惑的事情。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13436202

复制
相关文章
爱与数学 - 爱德华·弗伦克尔
 如果你不得不去上一门美术课,它却只是教你怎么油漆栅栏,你作何感想?如果你从未在美术课堂上见过凡•高和毕加索的画作,甚至根本不知道它们的存在,你又会作何感想?唉,这就是常见的数学教学方式,它导致我们中的大多数人都成了“坐等油漆干”的生物。
用户3157710
2018/10/10
6860
爱与数学 - 爱德华·弗伦克尔
腾讯课堂x“沸腾新青年”邓亚萍:不在山顶停留的“西西弗斯”
我们应该如何开启2022?腾讯课堂为青年办了一场会,来回答这个问题。 2022年1月19日,腾讯课堂联合南方周末发起的沸腾新青年盛典将在线揭幕,奥运冠军邓亚萍、眼科专家陶勇领衔7位沸腾新青年代表开讲。 时下网络热议的“内卷”话题,她可能是最有发言权的人。 ——在竞技体育领域,“很多运动员,在奥运会小组赛就被淘汰了,但其实,还有很多的运动员,连进入奥运会的资格都没有。” 沸腾新青年盛典记录、呈现、传递的青年故事中,她也是最“沸腾”的一位。 ——身材矮小的局限,让她从小到大都面临“注定要被淘汰”的挑战,但她从
鹅老师
2022/01/14
5050
python 获取英文人名翻译
我的CSDN博客地址 https://michael.blog.csdn.net/
Michael阿明
2022/01/07
1.7K0
python 获取英文人名翻译
Python洛伦兹混沌系统
1961年冬天,年轻的麻省理工学院气象学助教洛伦兹(1917-2008),在一台Royal McBee LPG-30计算机上,用一个仅包含12个微分方程的简单模式进行气候模拟。在完成了一次计算后,他想用同样的模式重复。为了节省时间,他没有从头到尾重复这次计算,而是从程序的中段开始。于是他把上一次计算到这个位置输出的数据,作为这次计算的初始条件。然后,为了避开计算机恼人的噪音,他出去喝了杯咖啡。回来的时候,他被惊呆了。根据常识,同样的程序和数据显然会导致同样的结果。但是第二次的预报结果与上一次大不一样。开始他认为是计算机的故障,排除了这种可能后,他发现,他输入的不是完整的数据。他当时用的计算机,储存数据的容量是小数点后六位数字,但是在打印输出数据时,为了节省纸张,只输出小数点后三位数字。而洛伦兹在给第二次计算输入初始条件的时候,只输入了小数点后的三位,与精确的数据有不到0.1%的误差。就是这个原本应该忽略不计的误差,使最终的结果大相径庭。这让洛伦兹意识到,完美的长期天气预报是不可能的。一个完美的预报不仅需要完美的气候模式,而且需要对温度、湿度、风和所有其他气象条件的精确测量,任何微小的误差,将导致完全不一样的气候现象。
用户3577892
2020/06/12
1.5K0
Python洛伦兹混沌系统
收藏!「自然语言处理(NLP)」全球学术界”巨佬“信息大盘点(一)!
本文主要参考:https://zhuanlan.zhihu.com/p/96020318
ShuYini
2020/01/16
7700
jquery slide 幻灯片
因为图片1-5是使用行内块的方式布局,只要控制图片1的div的margin-left改变,就可以跟推箱子一样,实现5个图片的左右滑动。
Devops海洋的渔夫
2019/05/30
3.5K0
【数据科学】数据科学(Data Science)—一门越来越火的专业
近日,一家美国招聘网站Glassdoor报告称,数据科学家平均年薪为11.9万美元,而程序员平均年薪为6.5万美元,差距由此可见。你擅长数学,会用Python编程,而且还对某个行业了如指掌?如果你拥有这样的技能集,那你就有可能当上数据科学家。如果你当上了数据科学家,那你的日子就可以过得风风光光了——LinkedIn的最新投票结果显示,“统计分析和数据挖掘” 是近些年最大的求职法宝。 麦肯锡公司的研究预测称,到2018年,在“具有深入分析能力的人才”方面,美国可能面临着14万到19万的缺口,而“可以利用大数据
陆勤_数据人网
2018/02/27
9230
最会数据分析的护士!全世界最有名的白衣天使是如何走上可视化之路的?
大家都知道,护士节是为了几年近代护理学和护理教育的创始人、英国护士弗洛伦斯·南丁格尔(Florence Nightingale)创立的,在1854年到1856年的克里米亚战争中,她率领38名护士赴前线参加伤病员护理工作,建立了医院管理员制度,提高护理品质,使伤病员死亡率得到迅速下降。1860年她在伦敦创建了英国第一所护士学校,使护理事业逐步走向专业化、科学化,并且推动了西欧各国以及世界各地的护理工作和护士教育的发展。南丁格尔把其护理经验写成了专著,其中包括《护理工作记录》(Notes on Nursing)。
CDA数据分析师
2020/06/15
1.1K0
数据科学家可能成为2015年最热门职业
今日3篇文章 1.人类历史上最有影响力的5张信息图 2.预测:2015年美国医疗保健市场五大变化 3.数据科学家可能成为2015年最热门职业 [摘要]招聘网站报告称,数据科学家的平均年薪为11.9万美元,而程序员的平均年薪为6.5万美元,差距由此可见。 你擅长数学,会用Python编程,而且还对某个行业了如指掌?如果你拥有这样的技能集,那你就有可能当上数据科学家。而如果你当上了数据科学家,那你的日子就可以过得风风光光了——LinkedIn的最新投票结果显示,“统计分析和数据挖掘” 是2014年最大的求职法宝
大数据文摘
2018/05/21
5080
jQuery幻灯片插件slick
支持响应式 浏览器支持 CSS3 时,则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制 支持动态添加、删除、过滤 支持自动播放、圆点、箭头、回调等等 兼容
李维亮
2021/07/09
3.2K0
有史以来最佳22部最佳人工智能和机器人电影
感受到了人工智能技术对智能手机,计算机,工业和医疗保健部门的影响。在此列表中,将记住在电影界指导生活和技术世界的人工智能的思考。22部能够深刻反映人工智能技术的电影。
代码医生工作室
2020/03/06
11.9K0
有史以来最佳22部最佳人工智能和机器人电影
托尔斯泰《安娜·卡列尼娜》主要人物
奥博朗斯基公爵: 斯捷潘·阿尔卡季奇·奥勃朗斯基公爵(在社交场合他叫斯季瓦) 达里娅·亚历山德罗夫娜,小名多莉,公爵夫人 格里沙——小儿子 塔尼娅——大女儿,与安娜八岁的谢廖扎同年 马特维——仆人 马特廖娜·菲利莫诺夫娜——奶妈马特廖莎, 捷连季——车夫 阿尼奇金伯爵——斯季瓦的新任长官 瓦尔瓦拉,公爵小姐——斯捷潘的姑妈,多莉早就认识她,对她并不尊重。她知道公爵小姐瓦尔瓦拉整个一生都在富裕的亲戚家里当食客。斯季瓦说,她一生的整个目标就是要证明自己比卡捷琳娜·帕夫洛夫娜略胜一筹; 卡捷琳娜·帕夫洛夫娜——培养过安娜的姐姐 斯季瓦同事: 菲利普·伊万内奇·尼基京 米哈伊尔·斯坦尼斯拉维奇·格里涅维奇——温文尔雅 扎哈尔·尼基季奇——斯季瓦秘书
全栈程序员站长
2022/09/01
5.1K0
从洞穴壁画说起,信息可视化图表发展的迷人历史
大数据文摘作品,转载要求见文末 Aileen,范玥灿,王婷 我们目前生活在信息图表和数据可视化的时代。我们可能每天都会在运动游戏,健康应用,观看选举报道,阅读商业报告,或者解码过境地图中看到信息图表。 这些可视化如此流行,因为信息图表是数据,设计,讲故事的完美结合。它们使复杂的信息在几秒钟内被很容易地共享。事实上,信息图表在社交媒体被喜欢和分享的程度比其他任何类型的内容多三倍。但是,这些图形不是在一夜之间就出现的。它们有一个丰富的并可追溯到几千年的历史。 让我们探索早期的古老信息图表,并观察那些将数据
大数据文摘
2018/05/22
1.9K0
栩栩如生的数字人类是客户体验的未来吗?
使用 CGI ( Computer-generated imagery )、人工智能和自然语言处理来创建可以与人类实时互动的、栩栩如生的数字人。
mixlab
2022/04/11
3890
栩栩如生的数字人类是客户体验的未来吗?
jQuery点击返回顶部
<div class="backtop" href="javascript:;"> <img id="to_top" title="回顶部" style="width: 50px;" src="https://cdn.suoluomei.com/public/paparela/static/image/dingbu.png" alt="置顶图标"> </div> $(document).ready(function(){ //为当前窗口添加滚动条滚动事件 $
明知山
2020/09/03
6.2K0
改变人类进程的,除了霍金,还有他的好基友们
2018年3月14日霍金去世,朋友圈都点起蜡烛,不管是否看过他的《时间简史》,是的,又一位举世闻名的物理学家去世了,感觉人类的聪明程度一下锐减。 在你哀悼的时候,是否还记得,另外那些曾经璀璨在报纸或者
挖数
2018/04/10
1.5K0
改变人类进程的,除了霍金,还有他的好基友们
jQuery点击click()事件
<p>这是一个段落。</p> <button onclick="active()">切换</button> <script> $(document).ready(function(){ $("button").click(function(){ $("p").slideToggle(); }); function active(){ $("p").slideToggle(); } }); </script>
明知山
2020/09/03
9.9K0
【统计学家的故事】不想做校长的护士的不是好统计学家:南丁格尔和她的极区图
弗洛伦斯·南丁格尔。提到南丁格尔,大家首先想到的可能就是“护士”这个词,没错,她正是护理事业的创始人,也是现代护理教育的奠基人。南丁格尔是世界上第一个真正意义上的女护士,“5.12"国际护士节就是为了纪念她的,因为这一天是她的生日。在医学和护理界的辉煌成就,掩盖了南丁格尔作为一名优秀的统计学家的身份——她是英国皇家统计学会的第一位女性会员,也是美国统计学会的会员,这是较少为人所知的。据说南丁格尔早期大部分声望都来自其对数据清楚且准确的表达。
统计学家
2019/04/10
2.1K0
【统计学家的故事】不想做校长的护士的不是好统计学家:南丁格尔和她的极区图
纪念机器翻译概念的诞生—重新认识瓦伦·韦弗先生
本文作者 张家俊研究员,中国科学院自动化研究所 2018年腾讯AI Lab犀牛鸟专项研究计划入选学者 机器翻译旨在利用计算机实现自然语言之间的自动翻译,一直是自然语言处理与人工智能领域的重要研究方向,近年来更是取得了突破性进展,已成为大众较为熟知和常用的技术。现在一提起机器翻译技术的起源,对该研究领域稍有了解的人们都知道是美国的瓦伦·韦弗(Warren Weaver,后面简称韦弗)最先于1947年提出机器翻译概念并于1949年7月正式记录于名为《翻译》的备忘录。不过,可能大多数人不是特别了解韦弗究竟是
腾讯高校合作
2020/07/20
4430
无线通信史:塑造无线通信的重要事件的历史列表
无线通信的历史始于中国、希腊和罗马文化早期观察到的了解或磁性和电性,以及17世纪和18世纪进行的实验。以下是无线通信发展中的一些选定事件(材料摘自《无线历史》、《塔潘·萨卡尔》等,《威利》,2006 年)。
海大指南针
2022/05/16
1.8K0
无线通信史:塑造无线通信的重要事件的历史列表

相似问题

霍洛伦斯的空间意识人物

13

团结霍洛伦斯2发展

16

克洛弗:它是怎么工作的?

20

如何在坦索弗洛的阿格斯特?

24

全息透镜- UserConsentVerifier不工作在霍洛伦斯第一代

16
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文