草庐IT

窗口操作

全部标签

javascript - 使用 each() 进行 jQuery DOM 操作;

我正在尝试使用jQuery使用each()同时对多个元素执行一些简单的DOM操作。我得到了我不明白的结果。这是一个jsFiddle,它显示了我想要发生的事情与实际发生的事情:http://jsfiddle.net/kthornbloom/4T52A/2/这是JS://StepOne:Appendoneblueboxwithineachgreybox$('.grey').append('');//StepTwo:Makeonecopyoftheredboxalreadythere,andplaceitwithinthenewbluebox.$('.grey').each(function

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 使用 JavaScript 检测浏览器窗口 "Maximized"/"Minimized "

当用户点击浏览器窗口的“最大化”/“恢复”或“最小化”按钮时,有没有办法用JavaScript跟踪这些事件?是否有任何合适的事件或属性可供使用?我希望当用户单击窗口右上角的“最大化”按钮时,网页应拉伸(stretch)到特定宽度,并且当浏览器处于可调整大小模式时,网页可调整大小。有人可以帮助我吗?我不介意JavaScript或jQuery。提前致谢。 最佳答案 听起来您想要的是一种在调整浏览器大小时调整大小但仅达到最大宽度的布局。如果是这种情况,您可以在CSS或JavaScript中完成。假设您的内容位于如下元素中:-content

javascript - 如何将焦点设置在 javascript 模态窗口上?

我们的网站涉及一些生成覆盖模式窗口的javascript。不过这有一个可访问性问题,一旦模态被触发,焦点仍然在触发元素上而不是模态本身。这些模式可以包括各种html元素、标题、段落和表单控件。我想要的是从模态中的第一个元素开始的焦点,因此很可能是h4标签。我探索过使用focus()函数,但是这不适用于许多html元素。一个想法是在窗口中添加一个空的a标签以获得焦点,但我不确定这种方法。 最佳答案 晚会很晚,但现有的答案不尊重可访问性。W3Cwikipageonaccessiblemodals提供了比OP中要求的更多的洞察力,相关部分

javascript - 将处理程序附加到窗口滚动事件

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。ImprovethisquestionJohnResig建议使用setInterval()以减少调用处理程序的次数-参见http://ejohn.org/blog/learning-from-twitter/John在博文中的解决方案:varouterPane=$details.find(".details-pane-outer"),didScroll=false;$(window).scroll(function(){did

javascript - 操作页面内容时停止 javascript 闪烁?

当我制作的网站具有操纵页面的javascript,并且这种操纵发生在页面加载时,我经常会遇到令人讨厌的闪烁效果。例如,如果我有一个Accordion,则需要将全部内容加载为html,然后加载后可以用javascript将其包装起来。这意味着有一段时间可以看到全部内容,然后它会“闪烁”,因为其中一些内容被隐藏了。一种解决方案是使用css隐藏任何闪烁的内容,然后(根据需要)使用javascript显示它。问题是页面将无法为没有javascript的人正常工作。有没有更好的方法?谢谢 最佳答案 我认为通常的做法是尽快向主体添加一个“js”

javascript - 在哪里可以找到 jQuery "scrollable"模态窗口插件?

找到了很多模态窗口插件,尝试了一些不同的配置选项,比如SimpleModal、LightBox...这些都是轻量级的并且具有灵活的配置,但我遗漏了一件事:我需要能够滚动模态窗口(当它超过高度)与浏览器滚动条类似facebookgallerymodal,或pinterest.compinpreviewmodal,有什么建议吗? 最佳答案 $(window).scroll(function(){if($('#ux-dialog-test-container').dialog('isOpen')===true){vardialogHeig

javascript - Chrome 扩展上下文菜单中的弹出窗口

我正在开发chrome扩展,但遇到了问题。我在chrome的上下文菜单中添加了一个项目,并希望在单击该菜单项时打开一个弹出窗口。我的代码如下所示:functionpopup(url){window.open(url,"window","width=600,height=400,status=yes,scrollbars=yes,resizable=yes");}chrome.contextMenus.create({"title":"Tumblr","contexts":["page","selection","link","editable","image","video","aud

javascript - 通过浏览器操作/图标禁用/启用 Chrome 扩展

我正在开发的chrome扩展将内容脚本和css插入网站的每个页面。但是,用户可能有一个或多个他或她不希望扩展程序在其上运行的页面,因此如果我可以将浏览器操作设置为基本上是打开/关闭的开关,那就太好了。我想做的是这样的:chrome.browserAction.onClicked.addListener(function(tab){//IFENABLEDTHENDISABLE//IFDISABLEDTHENENABLE}如有任何帮助,我们将不胜感激! 最佳答案 没有提供这样的API。但存在两种可能的解决方法:我。您可以使用“已禁用”标

javascript - 华丽的弹出窗口 : source title from span

我想从anchor标记内的隐藏标题字段中获取我的Magnific图片的标题-而不是从标题中获取。这是因为我的标题包含标记。HTMLThisisacaptionwithalinkinitJS//initialisethemagnificlightbox$('.js-lightbox').each(function(){$(this).magnificPopup({delegate:'a',type:'image',tLoading:'Loadingimage#%curr%...',gallery:{enabled:true,navigateByImgClick:true,preload: