草庐IT

page-source

全部标签

javascript - 检测溢出 :hidden page? 中的滚动尝试

我想检测用户何时试图在我的页面上向上或向下滚动,但由于我不想允许实际滚动,所以我设置了一个overflow:hiddenbody。代码是这样的:$('html,body').css('overflow','hidden');$(window).scroll(function(event){console.log("scroll");});问题是因为没有实际的滚动我无法触发事件,我考虑过删除溢出样式并以某种方式防止滚动但我不知道该怎么做。无论如何,有没有办法在检测滚动尝试时修复滚动?谢谢 最佳答案 尝试使用jQuery鼠标滚轮http

javascript - "prevent this page from creating additional dialogs"的规则

我试图了解Firefox关于在对话框上添加“阻止此页面创建其他对话框”的行为。使用jquery,如果我添加以下监听器://html//javascript$('.testInput').click(function(){alert('clicked')}).keyup(function(){alert('keyup')})点击输入时,提示框正常出现,直到~第13次。另一方面,当按下一个键时,第二个消息框已经出现消息“阻止此页面创建额外的对话框”。实际上,似乎有一些超时,如果我等待比如两次击键之间间隔2秒,消息就会消失。根据我的非正式测试,2.实际上适用于任何时候警报框不是从onclic

javascript - JQuery 手机 : inline data-role ="page" javascript being retain when page is released from DOM?

使用此调用Delete得到如下对话框页面:$("#deleteButton").live("click",function(){alert("thisalertincrements");});DialogDeleteCompanySoundsgoodCancel似乎保留了live("click"..从以前的任何调用绑定(bind)到此对话框,然后绑定(bind)live重拨。因此,如果我分别调用该页面4次,在第四次调用对话框页面时,它将弹出4个警告屏幕。有没有办法让javascript仍然在data-role="page"内?因此它可以加载ajax但不会增加“实时”绑定(bind)。我

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - 如何摆脱 "Are you sure you want to leave this page"消息?

我怎样才能摆脱“你确定要离开这个页面”的消息?我尝试使用window.onBeforeunload=null,它适用于Chrome,但不适用于Firefox、InternetExplorer和Opera。提前致谢。 最佳答案 我不确定为什么您的脚本在Chrome中运行,所有浏览器都应该以相同的方式运行。是否有可能您删除事件监听器的代码块出于某种原因仅在Chrome中执行?无论如何,如果您设置了window.onbeforeunload=someFunction;,您可以使用window.onbeforeunload=null使其无效

javascript - 如何使用 jquery 将项目列表转换为 "multi-page"列表

我有一个动态创建帖子列表的网站,但我无权访问创建内容的功能,所以我必须处理输出的内容。Item1Item2...Item20Item21该函数以列表格式创建21个项目(一个在另一个之上)。我想要实现的是一次可能只有7个可见,并且有箭头导航来随机浏览各种项目集。$("#wrap>div").slice(0,7).css("background","yellow");$("#wrap>div").slice(7,14).css("background","red");$("#wrap>div").slice(14,21).css("background","blue");使用.slice我

javascript - "single source of truth"是什么意思?

我已阅读thisarticle.在“ControlledComponents”部分,有一句话:WecancombinethetwobymakingtheReactstatebethe“singlesourceoftruth”.“单一事实来源”是什么意思? 最佳答案 特别是在您链接的文章中,它讨论了“受控”和“不受控”组件。基本上,当您想要实现“单一事实来源”时,您希望让您的组件可控。默认情况下,输入字段是不可控的,这意味着它将从DOM渲染数据,而不是状态。但是,如果您改为让输入监听状态(因此使其可控),除非您更改状态,否则它将无法更

javascript - github source browse中AJAX是怎么实现的?

Github有一个非常好的源代码浏览器。在repo中的不同路径之间导航会生成用于加载内容的ajax调用(正如您可以在Firebug日志中清楚地看到的那样)。ajax调用返回要显示的新文件列表的html。除了更改文件的View列表外,url也会更改。然而,它不像大多数ajax深层链接网站那样使用片段(使用#)。在github上,整个url发生了变化。例如在https://github.com/django/django的django仓库中转到django文件夹将生成对https://github.com/django/django/tree/master/django?slide=1&_

javascript - 有没有办法检测用户是否在 beforeunload 事件中按下了 "Stay on page"或 "Leave page"?

有什么方法可以让我在以下代码中检测到用户点击了“离开页面”或“留在页面”按钮?$(window).on('beforeunload',function(){return"Yousavesomeunsaveddata,Doyouwanttoleave?";}); 最佳答案 通过一些技巧,您至少可以确定用户是否留下来了。如果用户离开了页面,您对此无能为力:vartimeout;$(window).on('beforeunload',function(){timeout=setTimeout(function(){//userstayed

javascript - 服务 worker : Fetch event listener only works after page reload

我已经使用以下代码在我的页面中添加了一个服务worker。一旦页面被重新加载并且worker已经安装,它就可以很好地工作。但是在我看到'SWINSTALL'日志后,在重新加载页面之前似乎没有捕捉到任何获取事件。app.jsnavigator.serviceWorker.register('/worker.js').then((registration)=>{console.log('ServiceWorkerregistrationsuccessfulwithscope:',registration.scope);},(err)=>{console.log('ServiceWorker