Tag: 窗口

jQuery触发器函数高于某个窗口宽度: 我正在尝试编写一些jQuery，我遇到了很多问题。我需要一个函数一直可用，并且当用户窗口大于设置宽度时，有一个函数可用。这是我的函数，都运行在jQuery(document).ready(function($){ 下拉菜单的function只应在窗口大于设定量时发生; //the dropdown code for desktop users function largeDropDown(){ $(‘#nav ul li’).hover( //open function(){ $(this).find(‘ul’).stop().slideDown(300); }, //close function(){ $(this).find(‘ul’).stop().slideUp(300); } ); } 而这一个一直都可用，虽然知道如何使这个也适应屏幕尺寸会很好。 //the dropdown code for smaller screens $(‘a.menu_trigger’).click(openMenu); function openMenu(e){ e.preventDefault(); if($(this).next(‘ul’).hasClass(‘open_menu’)){ $(this).next(‘ul’).slideUp(300).removeClass(‘open_menu’); $(this).html(“↓”); } else { $(this).next(‘ul’).slideDown(300).addClass(‘open_menu’); $(this).html(“↑”); } } 使用CSS媒体查询时，当窗口超过768px时，将隐藏a.menu_trigger 。这样jQuery就什么都不做了（至少那是我试图让它工作的尝试！）所以，我想知道如何使第一个函数在768px以上工作，以及如何在窗口resize时调用此function。任何帮助都会很棒！谢谢。

文档选择器和窗口选择器之间有什么区别？: 我有以下JQuery函数，它接受用户输入并在屏幕上显示它。当我选择$(document)和$(window)该函数可以正常工作。使用任一选择器有什么缺点？我在哪里可以阅读更多关于这些选择器及其差异的信息？先感谢您。 $(document).keypress(function(e) { if(e.keyCode == 13) { var id = $(“input#example”).val() console.log(id); $(‘#data’).append(id); } });

jQuery：根据浏览器窗口分辨率动态添加类: 朋友您好我正在尝试根据浏览器窗口分辨率动态添加类。这是我试图使用的代码，但需要帮助调整它，因为我根本不知道jQuery。我想要实现的选项是：一旦访问者访问我的网站，此代码必须检查其浏览器窗口大小，并按照以下规则将类添加到正文如果窗口大小超过 1024px 但小于 1280px，则添加类.w1280 。如果窗口大小超过 1280px 但小于 1440px，则添加类.w1440 。如果窗口大小超过 1440px 但小于 1280px，则添加类.w1680 。如果窗口大小超过 1680px，则添加类.wLarge 。为此，我尝试使用以下脚本。我的问题是：这是正确的代码吗？如果不是什么是正确的代码？这是最短的代码吗？如果不是正确的代码是什么？请帮助，因为我对jQuery的了解几乎是零。 function checkWindowSize() { if ( $(window).width() > 1024) { $(‘body’).addClass(‘w1280’); } else { $(‘body’).removeClass(‘w1280’); } if ( $(window).width() > 1280 ) { $(‘body’).addClass(‘w1440’); } else { […]

自动检测Web浏览器窗口宽度变化？: 我知道你用$（window）.width（）可以获得web浏览器的大小。我想检测用户何时更改其Web浏览器的大小，以便我可以重新调整列宽。有没有办法自动检测这个或我是否必须使用setTimeinterval循环，看看它是否已经改变？

在新弹出窗口中打开标题位置？: 我试图看看我是否可以打开这样的标题位置： if ($_GET[‘id’] == 99993) { header(“Location: page.php”); } 并在jQuery弹出窗口中打开它（’prettyPhoto’在线jQuery弹出窗口）我正常的href链接会像这样写： Link 但我不知道如何为标题位置写它。有人可以告诉我谢谢。

如何在窗口resize时取消绑定/关闭jQuery事件: 我试图在窗口> 490时删除jquery事件。但是，当窗口小于490px时，unblind（）或off（）元素不会停用激活的操作。为什么是这样？有没有人知道任何选择返回其原始状态的方法？ $(document).ready(function(){ $(window).resize(function(){ if ($(window).width()=490) { $(“#shown”).unbind(); $(“body div hidden”).unbind(); } }); });

窗口上的运行函数在jQuery中滚动一次: 我正在创建我的投资组合，当我进入“我的技能”部分时，我正试图让我的技能栏加载。我希望他们只做一次，无论是有人滚动到这个部分还是直接从导航转到它。这是我的代码： var skills = $(‘#mySkills’); var skillsPositionTop = skills.position().top; $(window).on(“resize scroll”, function (){ if (pageYOffsetskillsPositionTop-80){ console.log (“here is my loading script”); }}; 当我使用one而不是on ，它不起作用，当我在窗口上创建一个函数时，我的if语句中有one函数不起作用。我试图退出函数return或return false也在这里，在堆栈溢出我发现了一些关于标志，我没有完全理解，但我尝试了不同的组合。有人可以帮我吗？我已经看到有这种类型的效果库，但没有必要安装任何一件事… 编辑。 Console.log代表我的加载代码。

将脚本插入iFrame的标题，而不清除iFrame的主体: 我正在寻找一个脚本添加到iFrame的标题，同时不会丢失iFrame的主体或标题中包含的所有内容…… 这是我现在用新脚本更新iFrame的内容，但是它会清除iframe中的所有内容，而不是追加我想要的内容。 thxs！乙 // Find the iFrame var iframe = document.getElementById(‘hi-world’); // create a string to use as a new document object var val = ”; // get a handle on the d document (in a cross-browser way) var doc = iframe.contentWindow || iframe.contentDocument; if (doc.document) { doc = doc.document;} // open, write content […]

$（window）.resize中的函数问题 – 使用jQuery: 我想使用一个简单的function来隐藏/显示仅在移动设备上的内容。函数本身非常简单。我在这里使用此代码： $(‘.toggleMobile’).click(function() { var hideableContent = $(this).parent().find(‘.hideable’); hideableContent.slideToggle(‘medium’); }); 所以……没什么特别的，我知道。当我尝试检测浏览器视口时，它变得更加复杂。我想我通过使用以下几行来处理它（你可能会找到改进它的方法）： function whatMedia() { var viewport = $(window).width(); var mediaType; if ( viewport = 767) && (viewport < 991) ) mediaType = 'tablet'; else mediaType = 'desktop'; return mediaType; } 现在我只需要一个仅在视口mobile时触发的function（可能问题在这里？）： function toggleMobile(mediaType) { if ( mediaType === ‘mobile’ ) { $(‘.toggleMobile’).click(function() […]

移动图像或按窗口resize？: 我的html中有一个“拉伸”类的图像。目前，使用css，此图像会重新resize，因为窗口重新resize为屏幕宽度的100％。当窗口被重新resize时，我也希望它向上移动。我假设这可以用jQuery完成，但我不太确定。基本上，“顶部”css值只需要随着屏幕宽度的变化而变化。这是目前正在重新调整它的css： .stretch { width: 100%; height: auto; min-height: 420px; position: absolute; top: -200px; } 谢谢，涉