jQuery是一个Javascript库，考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库，它通过最小化浏览器之间的差异来促进文档对象模型（DOM）遍历，事件处理，动画和AJAX交互。标记为jquery的问题应该与jquery相关，因此有问题的代码应该使用jquery，并且至少需要jquery与用法相关的元素。
这一切都发生在移动屏幕上。我有这个导航栏： 这一切都发生在移动屏幕上。我有这个导航栏： <nav class="navbar navbar-dark sticky-top navbar-expand-lg"> <div class="container-fluid"> <a class="navbar-brand" href="#top"> <img src="images/id/logo.svg" height="30" class="d-inline-block align-top" alt=""> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#presentacion">Presentación</a> </li> <li class="nav-item"> <a class="nav-link" href="#proyectos">Proyectos</a> </li> <li class="nav-item"> <a class="nav-link" href="#festivales">Festivales</a> </li> <li class="nav-item"> <a class="nav-link" href="#formacion">Formación</a> </li> <li class="nav-item"> <a class="nav-link" href="#hoy">Hoy en Día</a> </li> <li class="nav-item"> <a class="nav-link" href="#forma_cto">Contacto</a> </li> <li class="nav-item"> <a class="nav-link" href="#ubi">Ubicación</a> </li> <li class="nav-item"> <a class="nav-link" href="videos.html">Videos</a> </li> </ul> </div> </div> </nav> 而且，为了在单击菜单时折叠菜单，我使用了这个 jquery： $('.nav-link, .navbar-brand').on('click', function() { $('.navbar-collapse').collapse('hide'); }); 问题是，这会将窗口向下移动多个像素（正是菜单可见时的高度，在本例中为 296 像素）。现在，我尝试添加一些滚动： $('.nav-link, .navbar-brand').on('click', function() { $(window).scrollTop($(window).scrollTop() - 296); $('.navbar-collapse').collapse('hide'); }); 而且，它会折叠，但不会向上滚动。即使我交换线路也不起作用（相同的行为，会折叠但不会向上滚动）： $('.nav-link, .navbar-brand').on('click', function() { $('.navbar-collapse').collapse('hide'); $(window).scrollTop($(window).scrollTop() - 296); }); 而且，奇怪的是，如果我只调用scrollTop api，则向上滚动就完成了： $('.nav-link, .navbar-brand').on('click', function() { $(window).scrollTop($(window).scrollTop() - 296); }); 如何使导航栏折叠并使窗口向上滚动 296 像素？ 预先感谢。 解决方案是将导航栏与正文“分离”，为此，我给正文添加了一些填充（与导航栏的高度一样多），并向导航栏添加了 css 值“position:固定”（以及其他值）： body { padding-top: 56px; } .navbar { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } jquery 保持不变（如乞讨中所示）： $('.nav-link, .navbar-brand').on('click', function() { $('.navbar-collapse').collapse('hide'); }); 我希望这对将来的人有帮助。 干杯！！！
当尝试使用 THREE.InfiniteGridHelper 时，似乎没有办法导入不会生成错误的代码。即使复制和粘贴代码也不起作用。 目前我有
我正在尝试创建一个数据表对象，其中每行都有一个子表。 我遵循谢益辉给出的子行示例的格式。 该示例展示了如何传递一个简单的字符串，...
我的 Shiny 应用程序中有一个数据表。默认情况下，列名是数据集的列名。 我想更改显示的列名称，而不接触数据集本身。 我发现...
如何从 R 中的 DT 包中删除数据表下方的“显示条目”信息？ 我知道下面的解决方案，但我不知道如何使它们与 rmarkdow 一起使用时工作......
嗨我有一个父窗口，让saz M，单击M中的按钮时，会打开一个弹出窗口。当在弹出窗口中选择某个选项并单击“确定”按钮时，弹出窗口应关闭并在...
点击图像全屏。 我想在用户点击图像时使图像全屏显示，只需... <html> <head> <title> Image Full-Screen On Click. </title> </head> <body> <div> 我想在用户点击图像时使图像全屏显示，就这么简单，我在网上搜索没有得到正确的答案，因为我不是制作自己的java脚本函数来做到这一点的专家，所以哪个是最好的办法。 并请提供示例（如果有）。 这是我的快速解决方案（不需要 CSS，但如果需要，您可以调整它）。 我在我的网站上使用这个，效果很好。 $('img[data-enlargeable]').addClass('img-enlargeable').click(function() { var src = $(this).attr('src'); var modal; function removeModal() { modal.remove(); $('body').off('keyup.modal-close'); } modal = $('<div>').css({ background: 'RGBA(0,0,0,.5) url(' + src + ') no-repeat center', backgroundSize: 'contain', width: '100%', height: '100%', position: 'fixed', zIndex: '10000', top: '0', left: '0', cursor: 'zoom-out' }).click(function() { removeModal(); }).appendTo('body'); //handling ESC $('body').on('keyup.modal-close', function(e) { if (e.key === 'Escape') { removeModal(); } }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img data-enlargeable width="100" style="cursor: zoom-in" src="https://upload.wikimedia.org/wikipedia/commons/3/39/Lichtenstein_img_processing_test.png" /> 给出如下的html <html> <head> <title>Image Full-Screen On Click.</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <input id="clickbutton" type="button" value="Click" onclick="showimage()" /> </body> </html> 编写 Javascript 函数 <script type="text/javascript"> function showimage() { $("body").css("background-image","url('images/test.png')"); // Onclick of button the background image of body will be test here. Give the image path in url $('#clickbutton').hide(); //This will hide the button specified in html } </script> 或者，您可以使用 <div> 将 position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('image.jpg') no-repeat center; background-size: cover; 弹出到 DOM 中，这将为您的图像提供一个有效的全屏灯箱。 好吧，朋友，您需要的第一件事就是在您的页面上单击图像。您可以使用 jQuery 对任何您能想象到 CSS 选择器的 DOM 元素进行编程！ 如果是我，我会做以下事情： <html> <head> <title>My Full-Screen Image Clicker</title> <script src = "Scripts/jquery-2.1.4.min.js"></script> <script> $(document).ready(function(){ //your code for stuff should go here $('#Fullscreen').css('height', $(document).outerWidth() + 'px'); //for when you click on an image $('.myImg').click(function(){ var src = $(this).attr('src'); //get the source attribute of the clicked image $('#Fullscreen img').attr('src', src); //assign it to the tag for your fullscreen div $('#Fullscreen').fadeIn(); }); $('#Fullscreen').click(function(){ $(this).fadeOut(); //this will hide the fullscreen div if you click away from the image. }); }); </script> <style> #MainImages { width: 100%; height: 800px; } #MainImages img { cursor: pointer; height: 70%; } #Fullscreen { width: 100%; display: none; position:fixed; top:0; right:0; bottom:0; left:0; /* I made a 50% opacity black tile background for this div so it would seem more... modal-y*/ background: transparent url('../Images/bgTile_black50.png') repeat; } #Fullscreen img { display: block; height: 100%; margin: 0 auto; } </style> </head> <body> <div id="MainImages"> <img src="Images/img.jpg" alt="" class="myImg" /> </div> <div id="Fullscreen"> <img src="" alt="" /> </div> </body> </html> 我也为你整理了一些小提琴：http://jsfiddle.net/wxj4c6yj/1/ 希望这对您有帮助。 $("img").on("click", function () { this.requestFullscreen(); });
我正在尝试编写一个 jQuery，它将在 7x7 2D 数组中查找特定值的索引。 因此，如果我要查找的值是 0，那么我需要该函数来搜索 2D 数组，一旦它......
我很难解决这个问题，因为我不是前端程序员，我有一个表格，行是我的客户，列是一年中的十二个月，每个单元格都有只需一张支票...
如果我有 .A 类和 .B 类，并且想在单击按钮时在它们之间切换，那么 jQuery 中有什么好的解决方案呢？我仍然不明白toggleClass() 是如何工作的。 有内联解决方案吗...
这是 jQuery slipToggle 函数： $('.class').click(function() { $(this).parent().next().slideToggle('慢', function() { // 如何访问被单击的 $('.class') ...
我正在尝试根据列表中随机生成的颜色来播放声音。列表名称是 gamePattern 始终包含颜色。起初我听到声音，但后来就听不到了。请问什么是...
如何在 jQuery 动态创建的元素上添加 ::before 伪元素
我正在使用 jquery 动态创建一些元素。 （比如 id test_element1、test_element2 等等..） 我有以下 CSS - div[id^=test_]:之前{ 内容： ””; 高度：100%； ...
TypeError：$(...).lightGallery(...).destroy 不是函数
我从 Firefox 收到此错误： 类型错误：$(...).lightGallery(...).destroy 不是函数 我正在使用以下插件来播放视频和显示图片库 https://github.com/sachincho...
我有一个自定义图库短代码，因为我在我的图库页面中使用同位素。所以基本上，我有一页画廊，我只需将所有图像拖放到此处并放置同位素...
我试图在用户单击按钮后分配一个值。 我的元素是使用 Html.HiddenFor 初始化的，如下所示。 @Html.HiddenFor(model => model.WirelessServices[Model.WirelessServices.I...
我使用 jcarousel 的基本示例（通过 Ajax 从 PHP 脚本加载动态内容的轮播）作为基础： 函数 mycarousel_itemLoadCallback（轮播，状态） { // 检查是否...
我想使用 jQuery 将 Ajax POST 请求发送到我的 Struts 操作，如下所示： $.ajax({ 类型：“帖子”， url: "ds/查询", 数据：JSON.stringify（数据）， ...
我对 CSS 和 javascript 很陌生，所以别着急。 我正在尝试从 div class="stream-notifications" 下的每个 div 元素中删除类禁用流。 （见图，贝尔...
chrome.webRequest.onBeforeRequest.addListener 无法读取未定义的属性“onBeforeRequest”
我正在尝试构建自己的 chrome 扩展，并且正在尝试使用 onBeforeRequest 添加事件处理程序。 我的清单.json： { “清单版本”：2， "name": "我的分机", “描述...