jquery 相关问题

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

我可以获取所有包含“@”的超链接,然后在新选项卡中打开它们吗?

我正在尝试打开页面上链接文本包含“@”符号的所有超链接。 下面是一个例子 [[email protected]](https://stackoverflow.com/2342342352) [某事@gmail.c...

回答 1 投票 0

Django中无法正确接收来自Ajax的数据

我想从 jquery/Ajax 请求接收 Django 视图中的数组数据,但由于某种原因我无法正确执行此操作。 这是一段js代码: var arr = [1, 2]; $.ajax({ 类型:'POS...

回答 3 投票 0

@require http://code.jquery.com/jquery-latest.js 已过时:如何始终引用最新的 jquery 库?

见下文 从 Greasemonkey/Tampermonkey 脚本中,我想始终引用/包含最新的 jquery 库。 因此我到现在为止编码: // @require http://code.jquery.com/jquery-latest.js ...

回答 1 投票 0

jQuery 发布到 C#,无需表单

我正在尝试对 c# 文件进行 jQuery POST,其中值将保存到数据库中,但 $.post 是空的。 jQuery: $.post("saveAccessToken.aspx", { token: 'hello' }).done(function (data) { ...

回答 1 投票 0

使用模态和 Jquery 编辑表格单元格

我最近一直在尝试学习使用Jquery。我正在尝试使用 Bootstrap 模式和 JQuery 更改表中的单元格。我已经成功地将数据从表格获取到模式。我遇到的问题...

回答 1 投票 0

jQuery UI 图标系统是否有一个“空”图标 - 一个没有图像的图标?

听起来有点愚蠢的问题,但这将是一个很好的功能。 jQuery UI 图标系统是否有一个“空”图标 - 一个没有图像的图标? 我是否被迫在 ui-icon-emp 上做一些自定义样式...

回答 4 投票 0

jQuery 带条件价格计算

我对编程完全陌生,所以我提前道歉。 我正在尝试在网站上创建联系表格,其中还将包括价格计算。价格取决于所选的

回答 1 投票 0

如何检查输入的日期是否等于今天的日期?

我有一个 id 为“date_trans”的表单输入。该日期输入的格式(经过服务器端验证)可以是以下任意一种: 日/月/年 年-月-日 年-月-日 年/月/日 不过,在发帖之前...

回答 12 投票 0

单击按钮时切换 Bootstrap 按钮文本?

我想在每次单击按钮时切换按钮上的文本,例如从“显示更多...”到“显示更少...”。 我有一个按钮,用于展开或折叠附近的块(请参阅折叠部分...

回答 6 投票 0

如何在使用 Github 页面部署的 Jekyll 项目中添加自定义 JQuery 脚本

我正在使用 Jekyll 的学术页面主题。我有一个 Markdown 页面,我想添加一个使用 jQuery 的脚本。有问题的脚本如下: <p>我正在使用 Jekyll 和 <a href="https://github.com/academicpages/academicpages.github.io" rel="nofollow noreferrer">AcademicPages</a> 主题。我有一个 Markdown 页面,我想添加一个使用 jQuery 的脚本。有问题的脚本如下:</p> <pre><code>&lt;script src=&#34;https://code.jquery.com/jquery-3.5.1.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function () { $(&#39;.content-item&#39;).hide(); $(&#39;.btn&#39;).click(function () { var uniqueID = $(this).data(&#39;unique-id&#39;); var target = &#39;#&#39; + $(this).attr(&#39;id&#39;) + &#39;-content-&#39; + uniqueID; $(&#39;.content-item&#39;).not(target).hide(); console.log(target) $(target).toggle(); }); }); &lt;/script&gt; </code></pre> <p>该页面由一个项目列表组成,每个项目都有两个我最初想要隐藏的 div。每次单击与特定 div 相关的按钮时,都会显示内容。如果已经显示了另一个 div,则在显示相关 div 之前,前一个 div 将被隐藏。</p> <p>通过将其插入到我的 Markdown 页面中,该脚本可以在本地运行,但当我使用 GitHub Pages 部署时则无法运行。</p> <p>怀疑故障是由于在 Markdown 页面中插入 HTML 脚本造成的,因此我将该脚本插入到 <pre><code>/_includes/my_script.html</code></pre> 中的单独文件中,然后将以下代码片段插入到我的 Markdown 页面中:</p> <pre><code>{% include my_script.html %} </code></pre> <p>不幸的是,它仍然无法在 GitHub Pages 上运行。</p> <p>我无法理解它是否与此故障有关的另一个线索是,每次部署时我都会收到以下警告:</p> <blockquote> <p>github-pages gem 无法满足您的 Gemfile 的依赖关系。如果您想使用不同的 Jekyll 版本或需要额外的依赖项,请考虑使用 GitHub Actions 构建 Jekyll 站点:<a href="https://jekyllrb.com/docs/continuous-integration/github-actions/" rel="nofollow noreferrer">https://jekyllrb.com/docs/continuous-integration/github-actions/</a></p> </blockquote> <p>如何使脚本也能在 GitHub Pages 上运行?或者,有没有更好的方法来实现我想做的事情?</p> </question> <answer tick="false" vote="0"> <p>我按照<a href="https://nathenry.com/writing/2020-10-05-scripts-jekyll.html" rel="nofollow noreferrer">这篇文章</a>中所示的策略解决了这个问题。我将脚本移至 JS 文件中,然后将调用包含在默认页面模板中的 <pre><code>&lt;body&gt;</code></pre> 部分的底部。</p> </answer> </body></html>

回答 0 投票 0

在 Woocommerce 中使用 jQuery 产品变体属性进行渲染

我正在构建 woocommerce 网上商店,我需要在单个产品页面中显示每个产品的属性。我被各种产品困住了。 虽然我能够获得当前的变化

回答 2 投票 0

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

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

回答 1 投票 0

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

我正在尝试创建一个图像和视频组合的滑块。 我尝试使用引导程序来实现,但是我失败了。 这是下面的代码 我正在尝试创建一个图像和视频组合的滑块。 我尝试使用引导程序来实现,但是我没有这样做。 下面是代码 <div id="carousel-slider" class="carousel slide carousel-fade" data-ride="carousel"> <!--Indicators--> <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> <!--Indicators--> <!--Slides--> <div class="carousel-inner" role="listbox"> <!--First slide--> <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> <!--/First slide--> <!--Second slide--> <div class="carousel-item"> <video src="./video/video1.mp4" autoplay poster="./images/boardwalk.jpg"></video> </div> <!--/Second slide--> <!--Third slide--> <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> <!--/Third slide--> </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;} <!-- HTML --> <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"> <!--Indicators--> <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> <!--Indicators--> <!--Slides--> <div class="carousel-inner" role="listbox"> <!--First slide--> <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> <!--/First slide--> <!--Second slide--> <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> <!--/Second slide--> <!--Third slide--> <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> <!--/Third slide--> </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 }); <!-- HTML --> <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> <!-- Calling jQuery --> <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> <!-- Calling Slick Library --> <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 中“

回答 3 投票 0

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

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

回答 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

回答 1 投票 0

地图全屏时不显示 select2

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 7 投票 0

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

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

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.