问题标签 [jquery-tools]
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.
javascript - 使用 javascript (JQuery Tools Scrollable) 中心更改 CSS 宽度
我正在使用 JQuery Tools Scrollable 来构建一个全页面宽度的可滚动表单,这样表单的每一页都会一直滚动到整个页面,取而代之的是从右侧滑入的下一页。
我遇到的问题是如何使每个页面居中,使其在浏览器调整大小和浏览器内缩放(Ctrl +/-)中保持居中。我的代码基于: http: //flowplayer.org/tools/demos/scrollable/site-navigation.html
我尝试将我的代码封装在这样的 div 中:
但是,因为这个 div 本身位于页面的中间,所以滚动页面不会一直滑动到左边缘——它们在 div 的边缘从左边剪掉大约 30%,这看起来很糟糕。
我能想到的唯一结论是动态改变我在 div class="items" 上定义的 margin-left 以确保它始终等于 50% - 440px 但不小于 0。
我怎样才能使用javascript做到这一点?
jquery - jquery 工具/选项卡、上一个/下一个按钮、历史记录
我正在使用 jQuery 工具中的选项卡来创建向导。我有上一个和下一个按钮在窗格之间成功导航,但它们不会更改哈希值,也不会影响浏览器历史记录(至少在 FF 中没有)。我必须向我的下一个和上一个处理程序添加一些东西吗?也许将按钮的 location.href 更改为#<next-page-id>
?我有点认为工具会为我做到这一点....
jquery - Safari 中 jquery 工具覆盖的问题
我正在尝试在叠加层中呈现一个表单。表单是通过 ajax 加载的。这一切都在 Firefox 3.x 上运行良好。
但在 Safari 5.0(5533.16) 上,覆盖显示但不发出 ajax 请求,而是发出 html 请求。
这是我在 js 中配置它的方法,然后在 document.ready 上调用 ModalPostForm.init();
馅饼 - http://pastie.org/1196064
这是我的html
为什么发出 html 请求?
谢谢
更新
如果我在我的控制器操作中删除我的 rails respond_to 块中的 format.html 块,这就会消失。
虽然问题仍然是为什么它发送一个 html 请求或者为什么 rails 认为它是一个 html 请求。对于确实不能做js的浏览器,我宁愿不删除那个块。
导致问题的新动作
也导致问题的编辑操作,新和编辑恰好是“获取”方法。
javascript - 为什么 $('a.current').parent('li').addClass('current'); 不管用?
为什么$('a.current').parent('li').addClass('current');
和$(this).hasClass('current').parent('li').addClass('current');
不工作?
a
点击事件必须添加li.current
http://jsfiddle.net/laukstein/ytnw9/
更新: Dropbox 已关闭,所以我 用完整的 JS更新了http://jsfiddle.net/laukstein/ytnw9/1/
编辑:从问题中省略的 jsFiddle 链接添加 HTML
javascript - 为什么 $('a.current').removeClass('current'); 不管用?
为什么$('a.current').removeClass('current');
不适用于此 jquery 选项卡?
http://jsfiddle.net/laukstein/ytnw9/8/
HTML:
javascript - 带有自动滚动和 jQuery 颜色框的 jQuery 工具滚动器
我已经使用 jQuery 工具实现了一个简单的可滚动照片库。
然后我将自动滚动行为附加到 jQuery 工具滚动器以创建照片幻灯片。
然后我将 jQuery 颜色框附加到照片幻灯片中,以提供更大版本的图像。
我遇到了以下问题。我希望我能用最好的方式解释它们,因为有时行为是不可预测的。
主要问题是当我停止幻灯片并单击图像以显示颜色框或下一个/上一个按钮时,幻灯片会再次开始。有没有办法禁用这种行为?
另一个问题是,当我单击颜色框时,它看起来像有 9 个图像而不是 7 个。您可以通过单击照片并在照片的缩放版本的右上角看到颜色框生成的索引来看到这一点。
为什么会这样?我找不到解释。
最后,最烦人的部分已经发生了两次,我无法重现是,当您打开和关闭颜色框时,jQuery 工具在某些时候可滚动,它会弄乱索引并滚动一个额外的步骤,导致一张不存在的空白照片.. 这个也弄乱了左下角的当前照片编号的显示 - 导航。
我知道这两个库不一定要一起工作,但是我在这里发布了这些问题,以防有人做过相同或相关的脚本。
任何帮助将不胜感激。
Javascript代码:
* 更新*
到目前为止,我已经设法找出其中一种奇怪的行为。
Colorbox 显示的总图像数超过了总图像数。这是因为它是在自动滚动插件之后调用的。当循环属性打开时,自动滚动会在开始前和结束后创建 2 个额外的 div。因此 colorbox 找到它们并将它们添加到方程中。
如果我根本不调用自动滚动,颜色框就可以正常工作。
所以一个解决方案是这样调用颜色框:
当 colorbox 完成加载后,将自动滚动插件应用到画廊。但是我不确定如何在已经创建的可滚动实例上应用自动滚动。
jquery - JQuery 工具可滚动:下一个/上一个按钮?
我使用 JQuery 工具的 Scrollable 的方式非常类似于: http: //flowplayer.org/tools/demos/scrollable/site-navigation.html
由于我在页面上使用它的方式,我需要允许用户单击按钮以在每个垂直方向内水平前进。当前标签:
水平和垂直推进幻灯片,导致改变垂直和水平的对角线运动。我怎样才能将他们的行为限制为仅水平移动?
javascript - 如何在点击时关闭 jQuery Tools Overlay,无论在哪里?
我已经使用“最小设置”将 jQuery 工具的叠加效果添加到我的网站。不幸的是,当用户想要关闭它时,他必须瞄准右上角的这个小圆圈。可用性以这种方式受到影响。如果用户可以简单地单击任意位置将其关闭,那就更好了。
我可以修改或添加一些代码,以便无论用户点击哪里都会关闭覆盖?或者也许当他在覆盖层之外点击?我在文档中找不到任何关于此的注释。