jjzjj

Page-Based

全部标签

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 - Jquery UI 可放置 : How can I use different hoverClass values based on some logic?

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

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 - Angular .js : How to reduce font size dynamically based on characters' length?

我正在使用以下代码动态显示名称:{{profile.name}}屏幕尺寸始终为320px如果名称很短,它可以正常工作,但如果名称很长,那么名称就会分成两行,这会扰乱我的布局。所以我想在名称变得太长时自动减小字体大小......那么有什么方法可以查看div的内容并根据字符长度动态应用不同的字体大小吗? 最佳答案 使用ng-class当name很长时将一个类附加到元素20),'verylong':(profile.name.length>40)}">{{profile.name}}然后使用该类在您的CSS中更改字体大小。

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 - Angular : Variations in a template based on a attribute

假设我在AngularJS网络应用程序中有一个Controller,它有一个数据数组,用于存储非常相似但需要不同模板的对象,具体取决于成员变量“类型”。例如:functionfooCtrl($scope){$scope.bar=[{"name":"example1","type":"egType1","text":"Someexampletext"},{"name":"example2","type":"egType2","text":"Someexampletext"},{"name":"example3","type":"egType3","text":"Someexamplete

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

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