草庐IT

selection_scroll

全部标签

javascript - 在 select2 插件中调用 ajax 时引入延迟

我正在使用来自http://ivaynberg.github.io/select2/的select2示例我在此页面中使用“加载远程数据”示例。问题:只要我输入一个字母,系统就会进行ajax调用。我想在此请求期间引入1秒的延迟,这将允许用户键入他的搜索字符串。我正在从站点添加代码。请让我知道如何引入延迟。("#e6").select2({placeholder:"Searchforamovie",minimumInputLength:1,ajax:{//insteadofwritingthefunctiontoexecutetherequestweuseSelect2'sconvenie

javascript - 查询/JS : Detect user's scroll attempt without any window overflow to scroll to

我正在制作一个转换网站,虽然我想使用用户的滚动尝试作为转换启动器,但我不希望有一个窗口滚动条。现在,我只是检测到用户使用jquery滚动(我已经使我的窗口大小比用户的滚动条屏幕高1px,尽管这是我试图避免的)使用jquery.scroll(function)方法,并使用它来转换我的页面,但是我想检测用户的滚动尝试,而不必让我的页面溢出一个像素,从而显示滚动条如何做到这一点?我所知道的乱码可能性:将窗口定位在外部包装器内,并将滚动条隐藏在包装器的溢出中。这是一个修补工作,而不是解决方案。它会导致页面内容偏离中心,因为并非所有浏览器都使用相同的滚动条宽度。 最佳

javascript - 如何检查下拉菜单是否在 Select2 中打开?

我正在使用select2在我的网站上。我需要在某个时候知道下拉菜单是打开还是关闭。我研究了documentation但我不知道如何做到这一点。例如,像这样的东西会很好:if($('select').select2('isOpen')===true){...}有什么建议吗? 最佳答案 在select2的4.0版本中,您可以收听select2:opening、select2:open、select2:closing和select2:close事件在select元素上,例如:$('select').on('select2:open',fu

javascript - 使用 ajax 时 Dynatree 忽略 select 属性

我正在使用dynatree插件显示复选框树,使用多选模式(模式3)。当使用ajax(没有延迟加载)初始化树时,似乎忘记了一些节点是最初选择加载的。当我选择这些节点之一时,传递给onSelect处理程序的标志值为真,即:它认为我想选择该节点。当我再次单击该复选框时,它会取消选择。在我实际单击复选框之前,似乎在后台不会注册选择。我想加载此节点已选定的树。我用来加载树的json对我来说看起来不错;select属性对于所讨论的节点(根节点)为真。这是JSON的片段:{"expand":true,"title":"All","isFolder":false,"key":"0","isLazy":

javascript - Bootstrap x 可编辑。以编程方式更改数据类型(删除 select2 数据类型)

我正在使用bootstrapx-editablehttps://vitalets.github.io/x-editable/index.html这是我的html代码:id}}"data-pk="{{$cat->id}}"data-type="select2"data-title="Favorllenarloscampos">javascript代码:$('.addon').editable({placement:'bottom',mode:'inline',showbuttons:false,source:categories,select2:{width:200},display:f

javascript - 如何使用 react-select 呈现 "N items selected"而不是 N 个选定项目的列表

我正在考虑使用react-select作为城市选择器的选择器,用户可以在其中选择一个或多个城市来过滤一些数据。这是在我的页面中呈现的屏幕截图:城市列表可能很大,如果一次选择大量城市,我不希望选择器超出其蓝色容器。这是我现在模拟时发生的情况:我不太喜欢它!我能想到的一种替代方法是呈现“选择的4个城市”而不是整个列表。这将在页面上具有可预测的大小。这如何用react-select完成? 最佳答案 注意:此答案适用于react-selectv1。查看answerbyNearHuscarlv3的解决方案。渲染“选择了N个项目”这可以通过va

javascript - 为什么调用 Window.scroll() 会产生可信事件?

我有一个Chrome扩展程序需要产生类似人类的鼠标和键盘行为(具体来说,生成具有isTrusted值true的事件)。除了使用chrome.debuggerAPI滚动之外,我可以做我需要的一切。但对于Chrome52和Firefox48.0a1而言,Window.scroll()方法似乎足以满足此目的。这可以通过将事件监听器附加到页面来观察,如下所示:document.addEventListener("scroll",function(event){console.log("eventtrusted?"+event.isTrusted);});然后在开发人员控制台中运行类似windo

javascript - HTML 表格中的 "Endless scrolling"效果

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我在网页中显示一个滚动的数据表。这个表有几千个动态行,所以它是从服务器加载的(通过AJAX)。用户可以上下滚动,所以我需要的是按顺序检测用户何时到达滚动条的末端(即表格底部的最后一行)请求并显示更多数据。你可以在谷歌阅读器中找到这种效果,当你向下滚动到给定提要中的最后一篇文章时,谷歌会以透明的方式请求并显示新文章,但我不知道他们是如何实现的。顺便说一句,

javascript - 为什么scroll事件不冒泡?

今天我有一个理论问题。为什么scroll事件不冒泡?它与性能问题有关吗?我做了一些挖掘,但遗憾的是没有找到任何能满足我好奇心的答案。感谢您的回复:) 最佳答案 它会冒泡但不会在元素上冒泡。它在文档对象上冒泡,直到document.defaultView(文档的窗口)。这种行为是为了避免性能问题(滚动事件可以高速触发)。如果您想了解有关滚动的更多信息,我建议您阅读W3文档:https://www.w3.org/TR/cssom-view/#scrolling希望对你有帮助。 关于javas

javascript - Firefox 扩展 : Get selected text

我正在开发一个简单的Firefox扩展,我想获取选定的文本。我试过这个:varWordCount={/*...*/changeSelected:function(){varselectedText=this.getSelection();varwords=this.countWords(selectedText);this.changeStatus(words,"selected");//alert(selectedText);},getSelection:function(e){varfocused_window=document.commandDispatcher.focusedW