Tag: 滑块

我根本无法使用Slick滑块

我正试图在我的网站上使用一个渐弱的Slick滑块。 但我没有运气。 这是Slick: http : //kenwheeler.github.io/slick/ 如果向下滚动,您将看到有关如何实施的说明。 我附上了我的截图,所以希望有人可以看到我做错了什么。 My Now Amazing Webpage $(document).ready(function(){ $(‘.fade’).slick({ dots: true, infinite: true, speed: 500, fade: true, slide: ‘> div’, cssEase: ‘linear’ }); }); 我是Javascript和Jquery的新手,所以我觉得我在弄乱那些东西。 当我加载页面时,我看到的只有3个测试图像,一个在另一个之下。 谁知道我做错了什么?

jquery滑块,时间选择器和保留时间..

我正在使用jquery滑块来选择开始和结束时间这很好,但我需要添加限制。 基本上,我有一个可用的窗口,我需要消除。 所以在我的例子中: http : //madeeasyfor.me/stackoverflow/time_pick_test_1.html (我已经评论了validationfunction,因此您可以看到滑块,代码具有所有脚本的绝对路径,因此可以随意获取本地使用的视图源转储) 我有一个24时钟。 使用动态生成的PHP脚本,我想添加各种预订时间..所以当用户尝试选择预订时间时,他们会收到错误(弹出,无论如何)。 现在,我很难编码我预订的时间。 我不能为我的生活似乎让滑块识别所选择的预订时间。 如果我不清楚任何事情,请问……一旦用户选择了一个时间,我就可以用PHP进行检查,但我希望用户立即知道。 (理想情况下,我想给幻灯片上色以标记预定的时间……但那是另一个问题… ;-p 三…

HTML Range Slider和jQuery?

我在我的网站上有以下代码,并使用HTML5集成了一个范围滑块。 我希望滑块用值更新文本输入,反之亦然。 我会用jQuery做到这一点吗? 如果是这样,你可以给我示例代码吗? 谢谢。

JQuery与其他JQuery库冲突

我使用jquery作为模块。 我的joomla模板有一个集成的jquery菜单。 所以他们互相冲突。 有没有办法解决这个问题。 遵循模块的脚本代码 window.onload = function () { var container = jQuery(‘div.sliderGallery’); var ul = jQuery(‘ul’, container); var itemsWidth = ul.innerWidth() – container.outerWidth(); jQuery(‘.slider’, container).slider({ min: 0, max: itemsWidth, handle: ‘.handle’, stop: function (event, ui) { ul.animate({‘left’ : ui.value * -1},340); }, slide: function (event, ui) { ul.css(‘left’, ui.value * -1); } }); […]

jQuery检查开始触发前的hover状态

我用jquery创建一个小滑块插件。 当鼠标位于左侧或右侧控制区域上方时,图像将从左侧或右侧滑动5%。 点击图片滑入100% 问题是当在完全幻灯片中从左到右控制div时移动鼠标时,请检查鼠标是否总是在左侧div上再次触发鼠标hover事件。 结果是左侧和右侧的图像显示为5%。 有没有办法像这样检查鼠标hover? if($(this).mouseover()) $(“.right”).trigger(“mouseover”); 控制器div的代码看起来像这样 $(“.right”,this).bind({ mouseover:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; $(“img:eq(“+(vars.current+1)+”)”).removeAttr(“style”).css({position:”absolute”,left:”100%”,”z-index”:vars.current+1}).show().animate({left:”95%”}, {queue: false}) }, mouseleave:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; $(“img:eq(“+(vars.current+1)+”)”).animate({left:”100%”}, {queue: false , complete:function(){ $(this).hide() } }); }, click:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; vars.running = true; $(“img:eq(“+(vars.current+1)+”)”).animate({left:”0%”}, {queue: […]

在没有任何插件的jquery中可滚动,旋转木马,滑块 – 最简单的方法

我正在寻找有关循环动画的jQuery滑块(如可滚动插件)的教程。 没有任何插件,最简单的方法,教程

如何使用jQuery在Qualtrics中获取滑块的值?

我需要在Qualtrics中获取滑块的值以向用户显示(转换)它。 这是我正在处理的页面,因此您可以了解以下内容。 我尝试过很多不同的东西,但都没有。 我的第一个想法当然是: var val = $j(‘#QID11~1~toolTip’).text(); $j(‘#value’).text(val) 什么都没有出现。 然后,我尝试使用输入: var val = $j(“input”).attr(“value”); $j(‘#value’).text(val); (或者, $ j(’#QID11~1~result’)而不是$ j(“input”) ,或.val()而不是.attr(“value”) )同样的事情:没有任何显示。 然而,有趣的是,当我用attr(“ type”)替换attr(“value ”)时 ,显示类型(“hidden”)。 看来,由于在页面首次加载时未设置该值,jQuery无法找到它。 有人能帮我一把吗?

具有动态上一个/下一个内容的jQuery滑块的最佳方法?

这是一个有点复杂的难题,我喜欢一些关于其他人如何处理这个问题的反馈。 这个网站基本上是一个免费的区域新闻博客。 底部的图像演示了布局(忽略日期重叠故障)。 它用PHP,jQuery和xajax编码。 我的问题与动态内容加载有关。 在页面加载时,我将箭头分配给上一篇/下一篇文章的URL。 没问题。 这些url很友好,页面会重新加载到下一篇文章,我可以整天浏览它们。 但是…… 我想将箭头转换为滑块 (而不是href),具有以下行为: 单击右箭头将… 开始通过xajax在屏幕外加载新内容, 导致旧内容向左滑动(从屏幕上移到屏幕外),同时新内容也向左滑动(从屏幕外到屏幕)。 为什么? 滑块很棒,我觉得它看起来很专业。 这是基本的滑块(比如这个jQuery scrollLeft滑块 )除了内容在点击箭头时动态加载,这引发了一些问题: 对此最好的方法是什么? 我是否使用PHP预先填充所有空的隐藏文章DIV? 我是否使用jQuery在每次箭头单击时附加/前置/删除文章DIV? jQuery“scrollLeft”偏移量会是什么样的? 内容DIV是静态宽度,但使用jQuery scrollTo会更好吗? 我希望我的问题很清楚……任何建议都会非常感激!

Vimeovideo无法使用HTML5标记

我想为Vimeovideo添加一个滑块。 我检查了这个滑块 ,但它使用了HTML5video标签。 当我使用与Vimeovideourl相同的标签时,它不起作用。 这是我的代码: 这是完整的代码: jQuery Slider

是否有一个插件或jquery滑块的示例使用非均匀可分的值?

我发现了两个优秀的jquery插件,用于为Web表单生成一个滑块,在不支持javascript的浏览器中关闭样式会很好地降级。 第一个是Jquery.UI版本: http ://ui.jquery.com/demos/slider/#steps 第二个是滑块的选择元素: http : //www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/ 但是我需要创建一个滑块,它不仅可以将滑块分成相等的部分。 例如,假设我有以下数字范围: 800,1000,1100,1200,1300,1400,1500 我希望滑块在800到1000之间有一个很大的差距,然后在1100-1500之间有较小的间隙 所以滑块看起来有点像这样: 800 —- 1000–1100–1200–1300–1400–1500 我希望它能降级为下拉,所以问题是有没有人知道一个支持这个的插件或者有最好的实现方法的建议,定制我自己的filamentgroup插件卷等。 更新:使用灯丝组的滑块进行黑客攻击,无论如何它都通过JQuery UI的滑块实现了手柄。 所以看起来像修改JQuery.UI它的self是唯一可用的选项。 将在代码中挖掘,看看我是否能找到需要改变的必要位。 如果在此期间任何人有任何想法!