草庐IT

滚动列表

全部标签

javascript - 选择列表元素(捕获向下/向上箭头)

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。我有以下HTML结构('ulli'呈现为下拉/选择)NewYorkLondonParisSydney需要JavaScript/jQuery代码来捕获向下箭头键按下事件(在输入时),这将选择第一个“li”元素连续向下键选择下一个'li'元素;和向上键选择前面的“li”元素。

javascript - 如何使用 jquery 突出显示选定的列表项?

我在列表中有几个项目,我想通过应用一些css样式(可能是背景颜色等)来突出显示用户点击的项目。我的HTML看起来像这样:Thumb1Thumb3Thumb3jQUery检索所选项目:$('.thumbnail').click(function(e){e.preventDefault();???}) 最佳答案 您可以使用jQuery的classmanagementmethods(即addClass()和removeClass()在这种情况下)在所选项目上添加一个类并从所有其他项目中删除相同的类(如果您只想要一次选择一个)。//save

javascript - Select2 国家/地区下拉列表,带有标志

是否有人为Select2提供了带有国旗的国家/地区下拉列表的易于使用的示例?我即将实现一个基于this的建议,但我宁愿避免重新发明轮子。 最佳答案 我正在处理类似的问题,下面是我的解决方法。(function($){$(function(){varisoCountries=[{id:'AF',text:'Afghanistan'},...];//Assumingyouhaveaselectelementwithnamecountry//e.g.$("[name='country']").select2({placeholder:"S

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 在向下滚动之前,页面加载时显示粘性 "back to top"按钮

我按照教程获得了一个粘性的“返回顶部”按钮,该按钮会在您向下滚动时出现。出于某种原因,当您在页面首次加载后位于页面顶部时,它会显示。如果向下滚动,然后一直向上滚动,它就会消失(应该如此)。但最初它表现不正常。有什么想法吗?这是我正在使用它的实时页面,您可以在右下角看到它:http://willryan.usHTMLBacktotop$(document).ready(function(){//Showorhidethestickyfooterbutton$(window).scroll(function(){if($(this).scrollTop()>200){$('.go-top'

javascript - 使用 AngularJs 和 Firebase 无限滚动

如何对从firebase获取的数据实现无限滚动。到目前为止,我找到了一个angularjsdirective,这真的很棒,但我很难用fireable实现它,因为firebase在一个请求中返回所有数据,这不是我想要的。 最佳答案 几周前,我制作了一个允许在myapp中无限滚动的JS函数。.首先,用户访问网站时显示一组数据://Addacallbackthatistriggeredforeachmessage.varn=25;//Stepsizeformessagesdisplay.$(window).load(function(){

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen

Javascript获取对象中项目列表的长度?

我目前有一个如下所示的Javascript对象:对象{0:8,1:9,2:10}我正在尝试获取对象中单个项目的数量(即3),但不知道如何操作。由于对象不是数组,我不能只调用.length()。我尝试huntsList[2].toString().split('.').length以逗号拆分项目并以这种方式计算它们但它返回1,因为它转换了整个对象到一个看起来像这样的字符串:[[[objectObject]"]。如有任何关于如何实现此目标的建议,我将不胜感激。 最佳答案 您可以使用Object.keys获取键,它返回一个键数组:Exam

javascript - 通过数组循环创建 li 并以列表形式显示到 HTML

我正在学习javaScript,我想循环数组并以列表形式显示到HTML。我该怎么做?数组:vararray=['幻灯片1','幻灯片2','幻灯片3','幻灯片4','幻灯片5','幻灯片6','幻灯片7','幻灯片8','幻灯片9'];JavaScript:functionlistItem(item){for(vari=0;i 最佳答案 虽然所有提供的答案都有效并且很好-它们都遇到相同的问题-因为它们在每次迭代时将元素附加到DOM。对于一个小列表,这将不是问题,但如果您要处理列表中所需的大量元素-不断操作hteDOM将产生性能成本

javascript - 如何从数组数据制作嵌套有序列表

我有这样的数据:vararray=["a","b","c","d","e"];我想像这样转换这些数据:abcd我会试试这个:varmakeNestedList=()=>{$.each(array,function(i,el){nested+='';nested+=''+el+'';makeNestedList();nested+='';});};但是为什么结果是空的呢? 最佳答案 你可以使用Array#reduceRight并首先创建最嵌套的节点,然后再创建外部节点。vararray=["a","b","c","d","e"],re