jquery 相关问题

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

我有多个房型,每个房型有多行定价

我有多种房间类型,每种房间类型都有多行定价,但当我执行计算时,它会计算每种房间类型表格,但如果我为该房间类型添加新的 pax 平板行,那么它

回答 1 投票 0

为什么尝试在加载时对类进行 ajax 调用会因多个元素而失败?

附件显示在控制台中,但从未进行过ajax调用。 这是我用来附加 ajax 调用的 HTML: 站点名称1 附件显示在控制台中,但从未进行过ajax调用。 这是我用来附加 ajax 调用的 HTML: <tr> <td>Sitename1</td> <td class="ajax-delsite" data-site="sitename1" id="sitename1"> </td> </tr> <tr> <td>Sitename2</td>' . "\n"; <td class="ajax-delsite" data-site="sitename2" id="sitename2"> </td> </tr> 这是失败的 jquery: $(".ajax-delsite").on('load', function(e){ var site = $(this).data("site"); $.ajax({ url: "/ajax/remove-site.php", type: "POST", data: { site: site }, success: function(feedback){ $("#ajaxResult").html(feedback); } }); }); 我做错了什么? load 不支持 td 元素,您可以在 here 阅读有关支持元素的更多信息。 在你的情况下,你可以使用JQuery的文档准备或文档加载 $(document).ready(function () { const site = $(".ajax-delsite").data("site"); $.ajax({ url: "/ajax/remove-site.php", type: "POST", data: { site: site }, success: function (feedback) { $("#ajaxResult").html(feedback); } }); });

回答 1 投票 0

在文本区域内渲染 HTML

我需要能够在文本区域内呈现一些 HTML 标签(即 、、、),但文本区域仅将其内容解释为文本。有没有简单的方法 doi...

回答 8 投票 0

如何在我的html页面中加载移动版网站作为外部网页全屏 iframe

我想将移动视图响应式网站加载到我的 HTML 页面中。 全屏 iframe 我想将移动视图响应式网站加载到我的 HTML 页面中。 <!DOCTYPE html> <html> <head> <title>full screen iframe</title> </head> <frameset rows="100%,*"> <frame src= "https://en.wikipedia.org/wiki/HTML_element#Frames"> <noframes> <body> </body> </noframes> </frameset> </html> 有了这个,我可以加载,但我想在我们在移动版本中打开维基百科时加载设计。 设置类似于移动设备的 iframe 大小应该可以。 <iframe src="https://en.wikipedia.org/" class="mobile-view"></iframe> 您还需要在 css 或 html 中定义 mobile-view 类。 <style> .mobile-view { width: 375px; height: 667px; border: none; } </style>

回答 1 投票 0

如何用jQuery平滑隐藏表格标题信息并调整滚动时表格标题的高度?

我正在开发一个网页,其中包含一个带有粘性标题的表格,特别是如下所示的部分: const $tableContainer = $('.matrix-container'); const $table = $tableContainer.f...

回答 1 投票 0

Datepicker:模态上的日期选择器(z-index)

今天,当我尝试在 Bootstrap Modal 上显示日期选择器时,我遇到了这个问题。 我使用 bootstrap-datepicker 作为日期选择器库。 这是我的模式形式: <... 今天当我尝试在 Bootstrap Modal 上显示日期选择器时遇到这个问题。 我使用 bootstrap-datepicker 作为日期选择器库。 这是我的模式形式: <div class="form-group"> <label for="message-text" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 这是我的日期选择器脚本: $('#datepicker2').datepicker({ autoclose: true, format: 'yyyy-mm-dd', zIndexOffset: 10000 }); 我已经使用了 zIndexOffset 但它不起作用,日历仍然显示在模式后面。 有人可以建议解决方案吗? 谢谢你。 您应该尝试在模式中添加日期选择器容器div。你可以给模态一个 id,如下所示: <div class="form-group" id="myModalWithDatePicker"> <label for="start_date" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 然后您可以使用 container 选项,如下所示: $('#datepicker2').datepicker({ autoclose: true, container: '#myModalWithDatePicker', format: 'yyyy-mm-dd' }); 我使用此选项来修复。 .modal-open .ui-datepicker{z-index: 2000!important} 此选项已在模态打开时应用(类 modal-open 添加到主体) 这对我来说很好用...只需添加样式 <style> /* style sici */ .datepicker { z-index: 1600 !important; } </style>

回答 3 投票 0

更改div的类后取消绑定类选择器jquery

当ajax请求完成时,我动态地改变div的类。 年龄 ajax请求的成功函数内部:...

回答 1 投票 0

如何用 jQuery 生成这样的背景颜色?

如何用jquery生成类似的背景图片? 谢谢!

回答 1 投票 0

回答 2 投票 0

如何使用 jQuery 或 JavaScript 在计算后从单独的页面检索文本值

我正在尝试使用 jQuery 从单独的 html 页面检索两个文本值。我已经使用以下代码成功实现了第一个文本值(#text1): $(函数(){ $('#text1'...

回答 1 投票 0

我可以使用javascript删除不包含ID的图像吗?

我在弄清楚这一点上遇到了一些麻烦。如果图像没有 ID,是否可以使用 Javascript 从网站页面中删除图像?这是带有链接 URL 的网站页面: &l...

回答 1 投票 0

我应该使用哪种 jquery 方法来获取“关联的”高层元素?

我正在尝试从此结构中获取“.discountData”的文本值: 我正在尝试从此结构中获取“.discountData”的文本值: <div class="cart-item--content cl-plate-cart-item"> <div class="discountData" hidden=""> blah blah, bo bo , jo jo, </div> <div class="breathe-space" style="display: flex;"> <div class="flex-child"> QTY: <span style="font-weight: bold;"> 4 </span></div> </div> <div> DETAILS: </div> <div> back: <div class="breathe-space"> Text: <span style="font-weight: bold;">TEST</span></div> <div class="flex-container" style="padding: 5px;"> <div style="flex: 2 1 0%;"><input class="qty-box-2" type="text" id="33461535965272" name="qty"></div> </div> </div> </div> 我将从“.qty-box-2”开始,它不是“.discountData”的直接子代 我试过: $(this).siblings('.discountData'); $(this).parent('.discountData').text(); $(this).closest('.discountData').text(); 表弟也不工作...这是一个糟糕的笑话。有什么帮助吗? 使用.closest(),然后使用.find(): $(this).closest('.cart-item--content.cl-plate-cart-item').find('.discountData').text();

回答 1 投票 0

处理 Scopus400pybliometrics 错误:超出最大查询限制

我正在使用 pybliometrics 库,使用复杂的查询在 Scopus 数据库中搜索一系列出版年份。但是,当我运行脚本时,我遇到了 Scopus400Error s...

回答 1 投票 0

使用 jQuery 删除动态添加的表

如何删除使用 jQuery 动态添加到页面的整个表格?当用户单击开始按钮时,将创建一个表并添加数据。表格和数据应该是远程的...

回答 1 投票 0

使用CloudFront功能时如何进行base64编码/解码?

Amazon CloudFront Function 是 AWS 推出的一项新功能。 CloudFront Function 只能使用 JavaScript 编写。 https://aws.amazon.com/blogs/aws/introducing-cloudfront-functions-run-your...

回答 3 投票 0

如何为 jQuery 配置 ESLint?

我使用 npm install -g eslint --save-dev 全局安装了 eslint ,并在我的 WSL2 项目目录中创建 eslint.config.mjs 。 我使用 npm install -g eslint-p... 全局安装了 jquery 插件...

回答 1 投票 0

重新加载页面后几秒钟后,光滑的滑块即可工作

这是我的代码,请检查 - 重新加载页面一段时间后它可以工作,请帮助我 当我重新加载页面时,我试图获得光滑的滑块,但它只能在一段时间后才能工作......

回答 2 投票 0

如何在 jQuery 中选择具有多个类的元素?

我想选择所有具有 a 和 b 两个类的元素。 因此,只有具有这两个类的元素。 当我使用 $(".a, .b") 时,它给了我并集,但我...

回答 14 投票 0

当用户滚动到页面上的特定部分时如何放大图像?

当用户在页面上滚动时,我正在放大图像。就我而言,我缩放到图像上的字母 L。一切都很好,但是,当用户滚动到某个粒子时,我想将图像缩放到字母 L...

回答 1 投票 0

对于每个项目图像悬停幻灯片

我这段代码工作正常,但我需要能够添加多个“画廊” 目前它仅适用于第一个.. const interactImg = document.querySelector('.interact-img')

回答 1 投票 0

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