问题标签 [coda-slider]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jquery 加载和动画 iframe 内容
我试图在单击菜单按钮时实现内容滑动(和缓动)的效果。这将适用于具有不同内容(画廊、作品集、视频等)的普通网站,并且某些页面上的子菜单会滑入。
我已经了解了通过预加载和隐藏的 div 滑动的所有滑动插件(如 coda 滑块)。但我担心如果我在第一页上加载整个网站,那听起来是错误的。另一方面,使用 iframe 执行此操作并使用 load() 加载数据我不确定我是否可以滑动并缓和数据(如 coda 滑块示例 8)。
有没有人这样做过或有同样的想法,不介意分享?将不胜感激!
jquery - jQuery Coda-Slider 可以在选项卡更改时重写页面标题吗?
我们正在使用 Coda-Slider 构建一个站点,并且想知道是否可以在更改选项卡时更改页面标题(无需刷新页面)?我还不是很擅长 jQuery(更不用说直接的 javascript),所以我不确定这是否可能。我们正在使用 2.0 版的 Coda-Slider 并从 Google 加载最新的 jQuery 库。
jquery - ie7中的Coda-Slider问题,需要去掉水平滚动条
我对 coda-slider 和 ie7 有一个大问题。水平滚动条是不需要的,我不知道如何删除它。由于 coda-slider 作为一个长滚动 div 工作,我可以理解为什么会发生这种情况,但是,在包括 ie8 在内的所有其他浏览器中,没有水平滚动。
浏览网页,有很多网站说“overflow-x:hidden”将在 css 中的 body 选择器上工作,但这并没有解决问题。
该网站位于http://www.clearcreativegroup.com/clear3/index.html
任何帮助将不胜感激。
jquery - 如何控制 coda 滑块上的滚动方向?
我有一个尾声滑块,无法确定滚动的方向。我有 3 个面板,我想从左到右滚动。有时它从左到右滚动,有时上下滚动,有时水平滚动。
如何锁定它以朝着我想要的方向前进?
这是HTML:
这是CSS:
这是 Jquery 包含文件:
jquery - jQuery Coda Slider:仅在 IE8 中出现 javascript 错误
在 IE8 中使用 coda 滑块时出现 javascript 错误:
奇怪的是它只有在我把它放到网上时才会触发。如果我使用该站点的 localhost 版本,则不会发生任何事情。
使用时出现错误:
有任何想法吗?
jquery - 是否可以在隐藏的 div 上启动 coda 滑块?
我有一个 div id=holder,在一个 coda 滑块内。它工作正常,但为了避免在某些浏览器中闪烁,我决定让持有人显示:无,然后在 $(document).ready 上显示:阻止
问题是,由于某种原因,当父 div 为 display:none 时,尾声滑块没有任何效果。
此问题的任何解决方法或想法?谢谢!
jquery - 尾声滑块 - 从随机锚链接动画?
我在我的页面上使用水平尾声滑块来显示特色内容,它工作得差不多了。我遇到的唯一问题是,当我单击页面上链接到 id(例如<a href="#top">Top</a>
)的任何其他链接时,它会导致滑块动画。
您可以在此处看到一个示例- 单击 coda 滑块导航选项卡之一,然后尝试单击右侧边栏中的“callcredit news”或“press association”链接,或者单击中的“ipsum dolor”链接主体副本。
用户名: demo 密码: demo
有人知道为什么会这样做吗?jQuery如下:
jquery - jQuery幻灯片在错误的位置
我遵循了jQuery for Designers 教程,了解如何创建类似于 Coda 的滑块。
无论如何,它是第一次工作,并且除了一件事之外很棒。最后一个面板的位置似乎总是在错误的位置。这是我正在使用的代码(顺便说一下,这是一个本地 WordPress 安装,所以我无法向您展示该工作的示例):
jQuery 还使用 scrollTo、localScroll 和 serialScroll 插件。
任何帮助将不胜感激。只是为了衡量,这也是我正在使用的 CSS:
jquery - 在每个“面板”上实现带有表单的“Coda-like”jQuery 滑块
全部,
我正在实现一个类似 jQuery 滑块的“Coda”(我正在使用 Niall Doherty 的出色实现:http ://www.ndoherty.biz/2009/10/coda-slider-2/ )。
一般来说,它工作得很好。
但是,我遇到的问题是……每个“面板”都包含几个文本输入。如果用户到达面板中的最后一个输入然后单击 [TAB](或 iPad 上的“下一步”按钮),Safari 会自动移动滑动包装以将下一个文本输入显示在视图中。
当然,它只是滑动包装器,刚好足以让下一个文本输入进入视图 - 不足以让整个下一个面板进入视图。
换句话说 - 假设每个面板的宽度为 600 像素,而我有三个面板。
因此,如果用户到达第一个面板上的最后一个输入,然后单击 TAB,我希望包装器移动 600 像素以使下一个面板完全进入视图。但是,浏览器只是将其滑动到足以使下一个文本输入可见。
有没有人遇到过这个问题,并提出了一个强大的解决方案?
非常感谢您的任何建议和见解!
javascript - Coda-slider 调试“no-js”标签未删除
不太确定这里发生了什么,一直盯着这个看几个小时:/ ...基本上,我正在使用与另一个项目相同的 CSS、相同的 div id 和相同的代码来实现 CodaSlider,但它没有初始化脚本和“ coda-slider-no-js" 标签没有被删除。
唯一不同的是各个 JS 文件的路径(我已经检查并验证了它们实际上正在加载)。
调试的任何想法(没有 coda-slider.css 文件,因为我已将相关样式包含在我的主 style.css 文件中)。
这是它应该工作的页面: http: //easterndancer.com.s66112.gridserver.com/gallery/video/