pageload 相关问题

用于一般网页加载问题（HTML，PHP，ASP等）。

我有一个网格视图，单击按钮即可加载数据。由于某种原因，寻呼不起作用。寻呼号码会显示，但单击第 2、3 或 4 页不会带您到任何地方。该...

asp.net data-binding pagination grid pageload

回答 2 投票 0

这个标准 Bootstrap 5 轮播代码... 这个标准 Bootstrap 5 轮播代码... <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="1.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="2.jpg" class="d-block w-100" alt="..."> </div> </div> </div> ...页面加载时在 html 文件中自动播放。但是，当页面加载后将相同的代码添加到 DOM 时： $('#previous-div').after(carouselHTML); ...轮播不会自动播放。页面加载后将轮播添加到 DOM 时，我需要采取哪些步骤才能让轮播自动播放？根据 docs，具有 data-bs 属性的 Carousel 组件会在页面加载时自动初始化，因此稍后添加它们将不起作用。因此，您可以使用 JavaScript 手动实例化它。您似乎使用的是 jQuery，因此 BS 组件自动可用，因此您可以通过将 cycle 传递给 .carousel 方法来实例化轮播： $('#previous-div').after($(carouselHTML).carousel('cycle')); 演示： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <title>Bootstrap Example</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </head> <body> <div id="previous-div"></div> <script> $(document).ready(function() { const carouselHTML = ` <div id="carouselExampleSlidesOnly" class="carousel slide"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="https://placehold.co/300x200" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="https://placehold.co/300x200" class="d-block w-100" alt="..."> </div> </div> </div> `; $('#previous-div').delay(2000).after($(carouselHTML).carousel('cycle')); }); </script> </body> </html>

dom bootstrap-5 carousel pageload autoplay

回答 1 投票 0

VBA 网页抓取在页面加载之前完成

我正在使用 VBA（参见下面的代码）对 btc-e.com 进行网络抓取，以获取某些加密货币的价格。何时通过转到数据选项卡然后从网络上单击来手动进行它工作正常，但是当我...

excel vba web-scraping pageload

回答 1 投票 0

随着页面加载在 React 中向上滚动部分

在反应打字稿中，如何在页面加载时将页面的一部分滚动到页面的第一部分？我想在页面加载时将页面的一部分滚动到第一部分只有想要的

reactjs typescript scroll scrolltop pageload

回答 1 投票 0

具有不同文件的 HTML5 视频，用于响应式设计

是否有 HTML5 视频的 srcset 等效项？目前，我在一个页面上有一个视频网格，连续 3 个，共 5 行（总共 15 个视频），如下所示：是否有相当于 HTML5 视频的 srcset ？目前我在一个页面上有一个视频网格，连续 3 个，共 5 行（总共 15 个视频），都是这样的： <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> <source src="14.webm" type="video/webm"> <source src="14.mp4" type="video/mp4"> </video> 我遇到的问题是我的页面请求大约为 6mb。由于我的视频网格是 3 宽... <div class="row"> <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay"> <source src="13.webm" type="video/webm"> <source src="13.mp4" type="video/mp4"> </video> <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> <source src="14.webm" type="video/webm"> <source src="14.mp4" type="video/mp4"> </video> <video width="400" poster="15.jpg" loop="loop" autoplay="autoplay"> <source src="15.webm" type="video/webm"> <source src="15.mp4" type="video/mp4"> </video> </div> ...很明显，对于屏幕尺寸约为 320 像素的小型设备，我不需要 3 400 像素的视频文件，我可以使用较小的视频文件。我正要开始重构来加载我的页面，如下所示： <div class="row"> <video width="400" poster="13.jpg" loop="loop" autoplay="autoplay"> </video> <video width="400" poster="14.jpg" loop="loop" autoplay="autoplay"> </video> <video width="400" poster="15.jpg" loop="loop" autoplay="autoplay"> </video> </div> 然后使用 JavaScript 基本上说： if($(window).width() < 500){ $('#video13').append('<source src="13-SMALL-FILE.mp4" type="video/mp4">') }else{ $('#video13').append('<source src="13-LARGE-FILE.mp4" type="video/mp4">') } 这是一个好的选择还是有更好的方法或已经存在的库？经过大量谷歌搜索后，我没有找到非常有用的信息。视频和图片元素长期以来都支持 media 属性，因此您可以执行多种操作，包括： <video playsinline muted preload="metadata"> <source src="" type="" media="(orientation: landscape)"> <source src="" type="" media="(orientation: portrait)"> </video> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#using_the_media_attribute_with_video 仅当屏幕的 @media 为 max-width 时，您才可以使用 500px 查询来应用特定宽度： @media screen and (max-width:500px){ video { width:100% !important; } }

javascript video responsive-design html5-video pageload

回答 2 投票 0

让横向滚动网站快速加载的最佳方法是什么？

我是堆栈溢出和编程的新手，所以请原谅我的任何尴尬的措辞！我正在构建一个图形丰富、尺寸为 680x9400 像素的横向滚动网站。我将使用一些 javascr...

javascript mootools pageload

回答 4 投票 0

在 nextjs 中从客户端幻灯片页面移动到 ssr 页面时页面加载延迟

所以在我的电子商务应用程序中，主页是 ssr 页面（getserversideprops）。当我单击任何产品时，它会打开客户端产品详细信息页面。当我点击返回时，有一定的延迟...

server-side-rendering next.js13 pageload getserversideprops client-side-rendering

回答 1 投票 0

如何在后续页面加载时停止滑出？

对于我的网站，我将菜单配置为在较大屏幕上完全打开，但在较小屏幕上折叠起来。然而，一个有点烦人的方面是菜单会在每个新页面上滑出......