Tag: slider

JQueryUI Slider – 当前位置的工具提示: 目前我有一个滑块和一个小输入文本框，根据您在其上滚动的位置进行更新。这是javascript： $(“#slider”).slider({ value: 500, min: 0, max: 1000, step: 50, slide: function(event, ui) { $(“#budget”).val(ui.value); }, change: function(event, ui) {} }); $(“#budget”).val($(“#slider”).slider(“value”)); 这是html / css：然而，看起来有点奇怪有一个小文本框，图形位于滑块的顶部，所以我希望它更新其水平位置，使其位于滑块（.ui-slider-handle）的句柄上方可能 – 就像一种工具提示。

如何使用jQuery / CSS3创建“滑入式画廊面板”？: 通常我知道如何开始，有一些教程甚至经验，但在这一点上，我甚至不知道如何调用它。也许只是告诉我如何正确定义这可能是我的问题的解决方案（ – >基于名称，我可以正确搜索）。让我们给你一个我刚刚制作的快速模型。我正在寻找1：你怎么称呼它，尤其是2：我将如何创造这样的？我想创建面板，一些堆叠在彼此之上，并且通过单击每个面板上的“下一个”按钮，您可以将该面板向左移动（或向右（向后））以移动到下一个贴砖。假设每个面板都是一个项目组合项目（垂直堆叠），并且在每个面板（项目组合项目）中，您可以在下一个和后面水平滑动，以便在每个图块上解释项目的一部分。每个图块的布局由具有完整背景图像的图块（ background-size:cover ）和半个宽度图块文本框组成。当然，盒子的文本应该用HTML编写，而不是通过使用Photoshop“刻录”到图像中，以用于响应原因。我假设这可以用CSS3和jQuery创建。唯一的问题是：我的所有Google搜索都没有结果，或者导致了Off-canvas导航菜单，这是我不想要的。要回答这个问题，要么：1。定义如何调用/我可以在谷歌搜索这个2.将我链接到一个好的教程/插件3.写出代码，如果它会那么简单。谢谢大家伙！

向Wicket实施javascript事件: 我是ria-development的新手，并且正在使用Ajax Slider示例。我无法弄清楚如何使用javascript事件。在示例中，onValueChanged事件已预先实现。我如何实现说onchange-或onSlider-event？所有帮助非常感谢！ public abstract class AjaxSlider extends WebMarkupContainer { private static final long serialVersionUID = 1L; public AjaxSlider(String id) { super(id); super.setOutputMarkupId(true); } public JQUIComponentBehaivor getSlideBehaviors() { List behaviors = getBehaviors(); for(Object behavior : behaviors){ if(behavior instanceof SliderBehavior) return (SliderBehavior) behavior; } return null; } public abstract void onValueChanged(AjaxRequestTarget target, […]

在bxslider中，我想在当前幻灯片上添加一个类: 我想在当前可见的幻灯片上添加一个额外的类，我没有太多关于jquery的知识，我正在通过以下代码来尝试它。 $(document).ready(function(){ $(‘#slider1’).bxSlider({ pager: ‘true’ }); $(currentSlide).addClass(‘active-slide’); return false; });

使用jQuery UI Slider自定义范围/变量集: 我想看看我是否可以制作一个自定义数据集用于jQuery UI Slider 。我正在一个服装尺寸范围为：[0,2,4,6,8,10,12,14,16,18,16W，18W，20W]的网站上工作我遇到的问题是在18岁之后，当它跳到“宽”的尺寸时会有点独特。在我添加16W，18W和on尺寸之前，我使用以下代码创建了一个工作滑块： $(“#slider-size .slider”).slider({ min: 0, max: 18, step: 2, slide: function(event, ui) { $(“.rsize”).text(ui.value); } }); 更改滑块时，该函数中的最后一个参数会更改文本值。有谁知道怎么去添加16W，18W等到这个列表的末尾？谢谢！

JQuery UI Slider的时间: 嗨，我需要实现24小时时间范围的滑块。我喜欢使用jquery ui slider。我写了下面的代码 $(function() { $(“.slider-range”).slider({ range: true, min: 0, max: 23.59, step: 0.15 }); }); 我喜欢的范围就像01:00 —- 01:59 我如何给结肠（:)而不是点（。）。此外，范围等于超过59，如05:85。请帮我创建一个时间滑块

jQuery UI Slider – 发布时从’slide’事件返回的值与’change’值不同: 我有一个jQuery UI滑块： $(‘div.slider’).slider({ range: true, step: 250, min: 1000, max: 500000, values: [1000,500000], change: function(event, ui){ console.log($(this).slider(‘values’, 0)+’,’+$(this).slider(‘values’, 1)); }, slide: function(event, ui){ console.log($(this).slider(‘values’, 0)+’,’+$(this).slider(‘values’, 1)); } }); 由于一些奇怪的原因，当释放滑块（mouseup）时，值会略微改变。幻灯片事件返回的内容与更改事件的内容不同。任何人都有任何想法可能导致这个以及如何解决它？我将在更改事件的回调中进行非常激烈的操作（意味着我不能只使用sldie），但还需要显示滑块的值，所以我不能只使用一个或者其他。这里有一个奇怪的行动： http ： //jsfiddle.net/5W6Zh/ 提前致谢

Knockoutjs，jquery移动滑块: 我想知道是否有人有一个带有knockoutjs的JQM滑块的工作示例。我有两个问题： 1）将值绑定到observable – 我可以最初绑定它，即设置滑块的“值”，但这不会在拖动时更新底层的observable – 我认为这与JQM将元素放在输入上代表它？ 2）更改min，max，value属性时刷新样式。以下是我所拥有的子集，currentItems根据选择进行更改： workloadViewModel.filterValues = ko.dependentObservable(function () { var tmp = {}; var itms = this.currentItems(); if (itms.length == 0) return; tmp.max = itms[0].val; tmp.min = itms[itms.length – 1].val; tmp.minRange = this.minRange(); return tmp; }, workloadViewModel); ko.bindingHandlers.jqmRefreshSlider = { update: function (element, valueAccessor) { ko.utils.unwrapObservable(valueAccessor()); //just to create a […]

在jQuery滑块上添加刻度线？: 如何在jQuery滑块上添加刻度线？假设我有1到10的值，我怎么能在每个值上添加勾号？我在SO上看过类似的post，但他们都建议使用插件，我想通过与其他元素进行大量交互来对其进行硬编码。谢谢！

如何在设置最小值或最大值后刷新jQuery UI Slider？: 我有一个ui.slider并在运行时更改它的最小值和最大值。但是这些更改只会在视图中反映出来，当我之后设置值时（这会导致它触发不需要的事件）。在我看来，它应该在设置min和max之后刷新视图。有一个简单的解决方法，似乎滑块缺少刷新方法。 $(“#something”).slider({ range: true, values: [25, 75], min: 0, max: 100 }); $(“#something”).slider(“option”, “min”, 25); // left handle should be at the left end, but it doesn’t move $(“#something”).slider(“option”, “values”, [25, 75]); // the left handle is now at the left end, but doing this triggers events 编辑此问题已在jQuery UI 1.9中修复