jquery 相关问题

jQuery是一个Javascript库，考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库，它通过最小化浏览器之间的差异来促进文档对象模型（DOM）遍历，事件处理，动画和AJAX交互。标记为jquery的问题应该与jquery相关，因此有问题的代码应该使用jquery，并且至少需要jquery与用法相关的元素。

使用 JS 和 HTML 显示带有百分比的响应式进度条

我正在尝试在 python Flask 应用程序中使用 JS 和 HTML 显示响应式进度条。不幸的是，我无法以百分比形式获取 JS 调用服务器的进度。我想要百分比...

javascript html jquery python-3.x flask

回答 1 投票 0

如何在 Bootstrap 轮播中启用每 10 秒自动滑动 2 个图像和一个视频？

我正在尝试创建一个图像和视频组合的滑块。我尝试使用引导程序来实现，但是我失败了。这是下面的代码我正在尝试创建一个图像和视频组合的滑块。我尝试使用引导程序来实现，但是我没有这样做。下面是代码 <div id="carousel-slider" class="carousel slide carousel-fade" data-ride="carousel">  <ol class="carousel-indicators"> <li data-target="#carousel-slider" data-slide-to="0" class="active"></li> <li data-target="#carousel-slider" data-slide-to="1"></li> <li data-target="#carousel-slider" data-slide-to="2"></li> </ol>   <div class="carousel-inner" role="listbox">  <div class="carousel-item active"> <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide"> </div>   <div class="carousel-item"> <video src="./video/video1.mp4" autoplay poster="./images/boardwalk.jpg"></video> </div>   <div class="carousel-item"> <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide"> </div>  </div> </div> 我需要三张幻灯片，其中两张是图像幻灯片，一张是视频幻灯片，每 15 秒更改一次。有没有办法使用jquery添加自定义幻灯片只需将 data-interval 属性添加到引导轮播中，即可每隔 x 秒自动滚动到下一张幻灯片。请注意，data-interval在milliseconds中计算您的值，因此如果您想每10秒后更改轮播幻灯片，则需要添加data-interval=10000。检查并运行以下代码片段，获取有关如何使用 data-interval 属性自动滑动轮播的实际示例： /* CSS */ html, body {margin: 0px; padding: 0px; width: 100%; height: 100%;} .wrapper { margin: 0 auto; width: 100%; } .carousel-item img {width: 100%; height: 200px;} .carousel-item video {width: 100%; height: 200px;}  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="wrapper"> <div id="carousel-slider" class="carousel slide carousel-fade" data-ride="carousel" data-interval="2000">  <ol class="carousel-indicators"> <li data-target="#carousel-slider" data-slide-to="0" class="active"></li> <li data-target="#carousel-slider" data-slide-to="1"></li> <li data-target="#carousel-slider" data-slide-to="2"></li> </ol>   <div class="carousel-inner" role="listbox">  <div class="carousel-item active"> <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide"> </div>   <div class="carousel-item"> <video controls> <source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4"> </video> </div>   <div class="carousel-item"> <img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide"> </div>  </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> 我真的很喜欢 http://kenwheeler.github.io/slick/ 的 jquery 滑块。我认为这会对你有很大帮助。我在下面为您制作了一个示例： //Initialize your slider in your script file $("#carousel-slider").slick({ arrows: false, infinite: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1500, mobileFirst: true });  <head> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" /> </head> <div id="carousel-slider"> <div> <img style="width:100%; height:100%;" class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide"> </div> <div> <video style="width:100%; height:100%;" src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" autoplay></video> </div> <div> <img style="width:100%; height:100%;" class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide"> </div> </div>  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script> 您可以将“autoplaySpeed”更改为您想要更改的任何间隔。将 data-bs-ride="carousel" 放在包含 id="carousel-slider" 的 div 中，将 data-bs-interval="10000" 放在包含 class="carousel-item 的 div 中“

jquery html bootstrap-4 slider

回答 3 投票 0

如果元素不存在，jQuery 追加元素，否则替换

这是一小段代码： var $el = $("#something").find(".test"); if (!$el.length) { $("#something").append('somecontent'); } 别的 { $el.replaceWit...

javascript jquery

回答 5 投票 0

如何在回车键中获取输入值

我有一个用于搜索项目的文本框。我想在文本框中输入文本并按 Enter 键时获取项目。我有一个用于搜索项目的文本框。我想在文本框中输入文本并按 Enter 键时获取项目。 <input id="txt-search" placeholder="@StoreResource.SearchHere" class="form-control main-in"> <a href="javascript:void(0);" id="btn-search" class="search-icon"> <i class="icon feather icon-search"></i> </a> 我使用此代码但得到空值。 $("#txt-search").keyup(function (e) { var txt = $(this).val(); if (e.key == "Enter") { alert(txt); } }) 它正在按预期工作。在下面的链接中进行验证 stackbltiz

jquery asp.net-mvc model-view-controller

回答 1 投票 0

地图全屏时不显示 select2

嘿，我试图在谷歌地图上显示 select2（其后端），并且有效，但是当地图全屏时，列表不会显示。我尝试更改 z-index 值，但不起作用。 .

javascript jquery google-maps jquery-select2

回答 3 投票 0

根据上面添加到购物车按钮的数量显示格式化的 WooCommerce 产品总数

我有一家面料商店，我需要它向顾客清楚地说明他们添加到购物篮中的数量。该产品定为1/2米价格。因此，1 份库存就是半米布料。

jquery wordpress woocommerce product product-quantity

回答 1 投票 0

如何使用 java 脚本传递已选中复选框的 LICN_CIVIL_ID 列表（以 true 分隔逗号）？

我使用java脚本工作，我使用JavaScript在网格视图上显示数据，并使用函数GET_WORLD_BANK_LICN_DATA_REP()在网格视图gvResults上显示成功所以数据在网格视图上显示成功

javascript html jquery gridview datatable

回答 1 投票 0

引导模式打开时无法在输入类型=“文本”中键入（甚至无法聚焦）

我有一个 jquery 代码，它创建一个下拉菜单并将其精确放置在用户右键单击的位置。一切正常，除了一件事：我无法在输入字段中键入内容。生成的dro...

javascript jquery html css twitter-bootstrap

回答 7 投票 0

手动触发AEM Carousel组件点击事件

我想通过使用 JavaScript 或 jQuery 添加自定义导航按钮来增强默认轮播组件的功能，我不了解轮播的 API 或其使用的机制

javascript jquery aem adobe-exprience-manager

回答 1 投票 0

我最近将标题/导航迁移到单独的文档中，现在我的汉堡菜单不起作用

因此，正如我上面所说，我最终决定通过将页眉/导航和页脚拉入单独的文档中以提高效率，从而使我的网站更加精简。它们分别是 header.html 和 footer.html...

html jquery header-files nav hamburger-menu

回答 1 投票 0

自定义形状 Div 内含谷歌地图

我需要制作一个自定义形状 div 来保存“谷歌地图”地图。自定义边框很好，我可以使用 .png 来处理它，但是形状本身，我只有一些如何做到这一点的理论，...

javascript jquery html css

回答 2 投票 0

如何通过Jquery在“data-row-num”中添加动态值

我想为我的 HTML 表格行添加 (data-row-num="1",data-row-num="2",data-row-num="3") 。有人可以帮我这样做吗？我想为我的 HTML 表格行添加 (data-row-num="1",data-row-num="2",data-row-num="3") 。有人可以帮我这样做吗？ <table id="example" class="table table-striped first-table" style="width:100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td> <td>Edinburgh</td> </tr> <tr> <td>Cedric Kelly</td> <td>Senior Javascript Developer</td> <td>Edinburgh</td> </tr> </tbody></table> <script type="text/javascript"> $(document).ready(function() { $('#example').dataTable( { } ); } ); $("tr").each(function() { $("tr").attr("data-row-num",????); }); <script> 您需要修改您的代码，如下所示： var counter = 1; $("tbody tr").each(function() { $(this).attr("data-row-num",counter); counter++; });

jquery datatable

回答 1 投票 0

为什么这个 jquery 函数不能与多个 if 语句一起使用？

只要另一个 if 语句不存在，以下每个 if 语句都可以完美工作。我不明白为什么同时使用两个 if 语句会导致该函数无法工作。我试过了...

javascript jquery gsap

回答 1 投票 0

用于输入的数据表分页插件不起作用

我正在尝试使用DataTables的输入插件进行分页。我已加载所有三个 jar 文件 - jQuery1.11.1、dataTables1.10 和 input.js。但我仍然得到类型错误：$.fn.dataTableExt...

jquery datatables datatables-1.10

回答 3 投票 0

jq过滤和重新编译数据

我的数据提供者开始以两种不同的结构向我发送数据（imageValue字段的差异：about组中的对象和banner组中的数组） { “要上传的值”：[ { ...