草庐IT

几款实用的VUE移动端UI框架

全部标签

javascript - 如何将光标移动到其中包含文本的文本框的前面?

我有这个文本框:和这段代码:varinputText="HelloWorld";$(document).ready(function(){$("#url-input").focus();$("#url-input").val(inputText);});实际上,光标显示在文本框末尾的“HelloWorld”字样之后(无论我以何种顺序添加焦点或更改值)。我怎样才能把它移到前面?谢谢编辑-这是jsFiddle:http://jsfiddle.net/dmRND/ 最佳答案 在合适的网络浏览器中,您可以访问表示选择的selectionSt

javascript - Jquery Slider UI 动态步长

我有一个具有以下属性的slider:水平方向一个handle最少2最多65我的目标是强制用户仅在7个点(例如:“2、3、4、26、39、52、65”)之间进行选择,仅此而已。如何创建动态步长或如何只允许这些点作为slider步长? 最佳答案 为什么不使用只有7个点的slider,并用表格转换您的值:查看我的jsfiddle示例http://jsfiddle.net/bouillard/Uy5sD/ 关于javascript-JquerySliderUI动态步长,我们在StackOverf

javascript - 将图像移动到鼠标的位置?

对Javascript非常新,只是想学习:)我想要做的是在默认位置有一个图像(最终将是一个Sprite),然后当我在屏幕上单击鼠标右键时,我希望图像逐渐移动到那个位置?我做了一些研究,但找不到具体的。最终我想要一个可以使用鼠标右键在屏幕上移动的动画游戏Angular色。 最佳答案 就像其他人所说的远离右键单击一样,这里是一个使用jQuery的示例。LiveDemovar$follower=$("#follower"),mouseX=0,mouseY=0;$(document).click(function(e){mouseX=e.p

javascript - 使用 JavaScript 将图像从 A 移动到 B

这是我第一次来这里,我不知道如何缩进这个抱歉:/我有一张面包车的图片,我正试图将它移过屏幕,让它看起来就像在开车一样。完成后,我将缩放图像,使其看起来好像在移动(并变小)。我需要在没有任何包(例如JQuery)的情况下使用标准javascript完成此操作。我得到的是一辆货车,由于我无法抛anchor的原因,它沿着两条路径而不是一条路径行驶。同样朝错误的方向移动(它应该沿着路径y=-25x移动,这样每向右移动25个像素它应该向上移动1个像素)。为了说明我想要实现的目标,请看这张图片:http://i.stack.imgur.com/9WIfr.jpg这是我的javascript文件:v

javascript - Jquery UI 可放置 : How can I use different hoverClass values based on some logic?

我正在使用JQueryUIdroppable库功能,我想在用户将鼠标悬停在可放置的目标上时提供视觉用户反馈。为此,我可以轻松地使用hoverClass选项来指定当有可拖动项目悬停在上面时要使用的类。但我想做的是根据某些逻辑使用不同的hoverClass值。基本上,有许多区域是“可放置的”,并且有许多项目可以拖放-然而,并非所有项目都可以放置在所有区域上。因此,例如,如果转换有效,我想要一个绿色背景,如果转换无效,我想要一个红色背景。如何做到这一点?我知道我想使用什么逻辑,但是我可以在哪里添加逻辑。它显然需要在某个地方,我可以访问被拖动的元素,以及潜在的放置目标元素。到目前为止我的简单代

javascript - 使用 Soundcloud Javascript SDK 进行流式传输后,如何在上一首轨道完成后自动移动到下一首声音?

我是Javascript和SoundcloudSDK的新手,所以如果我当前的解决方案与基础相去甚远,请告诉我如何改进它。我正在构建一个自定义的Soundcloud播放器,而不是使用预构建的小部件。我希望在轨道播放完毕后自动移至下一首轨道。我希望能够在不使用Soundcloud播放列表的情况下完成此操作。相反,我将拉入要播放的轨道的JSON列表。我可以通过单击链接来播放、暂停、停止和跳过轨道,但我不确定如何判断轨道何时完成播放以触发nextTrack函数。有什么建议吗?SoundcloudJavascriptSDK流媒体API:http://developers.soundcloud.c

javascript - JQuery UI 自动完成 : . 数据(...)未定义 [但仅当我添加第二个自动完成框时]

我正在使用JQuery1.8.3和JQueryUI1.8.24。这是代码,工作正常:$(function(){$("#").autocomplete({source:function(request,response){$.ajax({url:'',type:"POST",dataType:"json",data:{searchPattern:request.term},cache:false,success:function(data){response($.map(data,function(item){return{label:item.Label,value:item.Valu

javascript - 在客户端中包含 jquery-ui-browserify

我',使用browserify将Node模块转换为我的express应用程序的浏览器模块。这是browserify的命令browserify-rjquery>./public/js_app/jquery.jsbrowserify-rjquery-ui-browserify>./public/js_app/jquery-ui.js这是需要jqueryvarjQuery=require('jquery');这段代码工作正常jQuery("#info-dialog");但我不知道如何包含jquery-ui-browserify。我已经试过了,但没有用varjQuery=require('jq

javascript - window.onscroll 移动等效?

在桌面浏览器上,window.scroll在浏览器滚动时持续触发。但是,在我对iOS和AndroidChrome的测试中,它仅在滚动完成时触发。我试过了touchmove但这具有相同的行为-仅在运动结束时触发。移动设备上是否有持续触发的事件,如桌面浏览器? 最佳答案 显然没有办法通过它,因为“iOS设备在滚动事件期间卡住了DOM操作”!查看此链接的滚动开始部分!http://demos.jquerymobile.com/1.0/docs/api/events.html 关于javascr

javascript - 无法在移动设备上滚动 amcharts 图表

所以我有一个图表,在移动设备上时跨越100%,但是当试图通过触摸图表并滑动它来滚动屏幕时,它只会触发一个事件而不是滚动。例如,如果我尝试滚动饼图,它会显示饼图的气泡。有没有我可以禁用的事件来缓解这个问题? 最佳答案 解决方法是在图表中设置一个选项"panEventsEnabled":false 关于javascript-无法在移动设备上滚动amcharts图表,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.