我使用SeekBar作为滑块,因为我找不到任何其他东西,但我必须做很多hacky工作,因为它不允许我设置最小值或介于int之间.因此,每当我需要滑块以0以外的值开始或返回浮点数时,我必须设置一个最大值,该值不描述控件的真正最大值,然后除以和/或添加/我读取时减去"进度"值.在我完成整个类的编写以处理转换滑块值之前,还有更好的方法吗？我正在使用Android 1.6 ... 2.0中是否有滑块控件或任何其他记录的未来版本？
我使用光滑的js来获取图像的滑块视图.
这是我的代码.
<div class="slider_wrap add-remove">
<%= f.fields_for :images do |image_form| %>
<%#= render 'images_fields', :f => image_form %>
<div>
<%= image_tag image_form.object.picture.url,:class=>"drop_down_link even img_prev" %>
</div>
<div class="image_upload_div">
<div class="image-upload">
<label>
<i class="fa fa-cloud-upload">
<%= image_form.file_field :picture ,:'data-role'=>"none",:onchange=>"readURL(this);" , :accept => 'image/jpeg , image/png' %>
</i>
</label>
</div>
</div>
<% end %>
<%= f.link_to_add "Add a picture", :images ,:id=>"add_pic" ,:class=>"js-add-slide", :style=>"display: none;"%>
</div>
<script>
function silder(){
slideIndex = 0;
$('.add-remove').slick({
slidesToShow: 2,
slidesToScroll: 2
});
$('.js-add-slide').on('click', function() {
$('.add-remove').slick('slickAdd');
}); …我试图在Jupyter笔记本中重新创建这个例子.
https://plot.ly/python/gapminder-example/
但是收到了这个错误:
PlotlyDictKeyError: 'slider' is not allowed in 'layout'
Path To Error: ['layout']['slider']
Valid attributes for 'layout' at path ['layout'] under parents ['figure']:
['angularaxis', 'annotations', 'autosize', 'bargap', 'bargroupgap',
'barmode', 'barnorm', 'boxgap', 'boxgroupgap', 'boxmode', 'calendar',
'direction', 'dragmode', 'font', 'geo', 'height', 'hiddenlabels',
'hiddenlabelssrc', 'hidesources', 'hoverlabel', 'hovermode', 'images',
'legend', 'mapbox', 'margin', 'orientation', 'paper_bgcolor',
'plot_bgcolor', 'radialaxis', 'scene', 'separators', 'shapes',
'showlegend', 'sliders', 'smith', 'ternary', 'title', 'titlefont',
'updatemenus', 'width', 'xaxis', 'yaxis']
Run `<layout-object>.help('attribute')` on any of the above.
'<layout-object>' is the object at ['layout']
动画运行时没有将滑块dict添加到布局中,滑块可见且可操作,但不会更改图形.当我移动滑块时,它会在控制台中产生以下错误: …
我试过这个XAML:
<Slider Width="250" Height="25" Minimum="0" Maximum="1" MouseLeftButtonDown="slider_MouseLeftButtonDown" MouseLeftButtonUp="slider_MouseLeftButtonUp" />
这个C#:
private void slider_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
sliderMouseDown = true;
}
private void slider_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
sliderMouseDown = false;
}
sliderMouseDown变量永远不会更改,因为从不引发MouseLeftButtonDown和MouseLeftButtonUp事件.当用户在滑块上按下鼠标左键以将bool值设置为true时,如何使用此代码,并且当鼠标启动时,bool设置为false？
我正在使用Bootstrap Slider,我想知道是否有任何方法可以包含值更改的处理程序.我看到文档包括slideStart,slide和slideStop的处理程序,但没有"change"(值).
它们可能会滑动滑块并(在释放时)结束相同的值,在这种情况下我不希望事件触发.只有当他们将其滑动到新值时.
我试过了:
$('#sliderAdminType').slider({
formater: function(value) {
// my formater stuff that works
},
change: function(event, ui) {
console.log("has changed");
}
});
和
$('#sliderAdminType').change(function() {
console.log("has changed");
});
和
$('#sliderAdminType').slider().change(function() {
console.log("has changed");
});
和
$('body').on('change', '#sliderAdminType', function(e){
console.log("has changed");
});
我正在使用React.JS进行构建,并且正在构建一个范围输入滑块,其中包含两个组件选项.
这是我的代码:
<input id="typeinp" type="range" min="0" max="5" value="3" step="1"/>
当我将它放入我的客户端渲染组件并尝试切换它时它根本不移动.测试它到我已经进行的JS/PHP构建,它工作正常.
为什么这在JSX/React.JS中不起作用以及建议的解决方法是什么？
谢谢!
我正在使用Jquery bxSlider插件为iPad创建图像和视频的滑块库.我正在使用HTML5视频标签进行视频实施:
<video width="400" height="260" controls>
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>
视频源代码在iPad上运行正常,但是当与滑块标记合并时,视频无法播放.
测试链接: http ://www.ekimmedia.com/totem/TIC/MG/
如果我删除此脚本:
<script src="js/jquery.bxSlider.js" type="text/javascript"></script>
从源代码开始,视频可以在iPad上运行.
删除了bxSlider脚本的测试链接: http ://www.ekimmedia.com/totem/TIC/MG/index10.html
不确定是什么导致了冲突.
谢谢,
我在页面中使用了jQuery UI滑块组件来设置一系列价格.我也可以使用他们的ui.values []来设置和显示其他div中的新值.
如何查看句柄下的新值.即如果我将句柄移动到100美元,我想在该句柄下设置"$ 100"文本.
顺便说一句,我使用范围版本 - 设置一系列价格,所以我的滑块上有两个手柄(最小和最大).
var minPriceRange=100;
var maxPriceRange=500;
$( "#priceRangeSlider" ).slider({
range: true,
min: minPriceRange,
max: maxPriceRange,
step: 10,
values: [ minPriceRange, maxPriceRange ],
slide: function( event, ui ) {
("#fromRangeText").text("$" + ui.values[ 0 ]);
$("#toRangeText").text("$" + ui.values[ 1 ]);
}
});
我在WPF窗口中使用了一个滑块,当用户点击滑块轨道上的某个位置时,我想要那个拇指转到那个确切的位置.目前,当我点击某处,拇指朝去那个位置,但不完全相同那个位置.我怎样才能实现我的目标？
编辑:一个更好地解释我想要的例子:如果拇指位于10并且我在100附近按下鼠标,我希望它跳到100(不通过其他值).
我正在尝试使用rangelider jQuery插件:http://andreruffert.github.io/rangeslider.js/
但是,它似乎不起作用.我究竟做错了什么？
<input
type="range"
min="10" // default 0
max="1000" // default 100
step="10" // default 1
value="300" // default min + (max-min)/2
data-orientation="vertical" // default horizontal
>
$( document ).ready(function() {
$('input[type="range"]').rangeslider();
});
Jsfiddle:http://jsfiddle.net/8n2ckkmr/