jquery 相关问题

如何让html页面运行时模态默认可见

我正在创建一个弹出 div（模式），默认情况下会出现在屏幕上。不过，我成功地通过单击按钮打开了它，但我希望每次运行 HTML 页面时都默认打开它。 这是我...

未捕获类型错误：使用数据表时无法读取未定义的属性（读取“sClass”）

在 Index.cshtml 中：我尝试通过在表 html 标记上使用 id="tabledata" 来使用数据表功能来显示产品列表 @型号列表 在 Index.cshtml 中：我尝试通过在表 html 标记上使用 id="tabledata" 来使用数据表功能来显示产品列表 @model List<Product> <div class="card shadow border-0 my-4"> <div class="card-header bg-secondary bg-gradient ml-0 py-3"> <div class="row"> <div class="col-12 text-center"> <h2 class="text-white py-0">Product List</h2> </div> </div> </div> <div class="card-body p-4"> <div class="row pb-3"> <div class="col-6"> </div> <div class="col-6 text-end"> <a class="btn btn-primary" asp-controller="Product" asp-action="Upsert"> <i class="bi bi-plus-circle"></i> Create New Product </a> </div> </div> <table id="tableData" class="table table-bordered table-striped" style="width: 100%"> <thead> <tr> <th> Title </th> <th> ISBN </th> <th> Author </th> <th> Price </th> <th> Category </th> <th></th> </tr> </thead> </table> </div> </div> @section Scripts{ <script src="~/js/product.js"></script> } 在product.js中：我定义了loadDataTable()函数和dataTable变量 $(document).ready(function () { loadDataTable(); }); function loadDataTable() { dataTable = $('#tableData').DataTable({ "ajax": { url: '/admin/product/getall' }, "columns": [ { data: 'title', "width": "15%" }, { data: 'isbn', "width": "15%" }, { data: 'listPrice', "width": "15%" }, { data: 'author', "width": "15%" }, { data: 'category.name', "width": "15%" } ] }); } 显示错误： jquery.min.js:2 Uncaught TypeError: Cannot read properties of undefined (reading 'sClass') at et (dataTables.min.js:4:14349) at At (dataTables.min.js:4:29734) at wt (dataTables.min.js:4:22944) at Mt (dataTables.min.js:4:34015) at HTMLTableElement.<anonymous> (dataTables.min.js:4:7044) at Function.each (jquery.min.js:2:3003) at S.fn.init.each (jquery.min.js:2:1481) at S.fn.init.V [as dataTable] (dataTables.min.js:4:1327) at H.fn.DataTable (dataTables.min.js:4:93325) at loadDataTable (product.js:13:33) 如何解决这个错误？ 我尝试使用数据表功能从 api 调用中获取数据以显示数据，但它向我显示了错误 jquery.min.js:2 未捕获的类型错误：无法读取属性 未定义（读取“sClass”） 当 html 文件中的表中的列多于/少于加载数据的 js 文件中的列时，就会出现此问题。 您可以在此处删除多余的列： <table id="tableData" class="table table-bordered table-striped" style="width: 100%"> <thead> <tr> <th> Title </th> <th> ISBN </th> <th> Author </th> <th> Price </th> <th> Category </th> @* <th></th> *@ <!--remove the extra column--> </tr> </thead> </table> 此外，如果我使用旧版本的Datatable.js，例如版本1.10.20，你的代码实际上可以正常工作。

如何向 Lightbox 中的图像添加第二个水平滚动条？

我正在尝试向 Lightbox 生成的弹出图像添加第二个水平滚动条。我知道滚动条并不是 Lightbox 的预期用途。 Lightbox 中的图像是传统的...

ASP.NET VB WebService 请求出现 AJAX 500 错误

我正在尝试在 VB ASP.NET 页面上运行 AJAX Web 服务请求。 页面加载时，我尝试调用 Web 服务，但在控制台中收到 500 错误。 我的 WebService 文件如下所示： <

Jquery 单击事件不会在新表行上触发

我正在尝试向表格添加新行，并且单元格中有一个下拉选择。单击事件适用于现有行，但不适用于新添加的行。有什么建议吗？ ...

添加到收藏夹 div 功能未按预期运行

我正在为我们现场的报告服务器创建一个仪表板页面。它只是报告链接及其简短描述的集合。我认为允许用户 k...

从 Angular 2 项目调用 JavaScript 文件

我用 jQuery 编写了一个日历控件，我想在 Angular 2 项目中使用它。 我从这个主题的其他答案中了解到，我可以使用 jQuery 的 getScript() API 来调用外部

清除按钮与占位符重叠

我的清除按钮与占位符重叠： 你有遇到过这个问题吗？ 我正在为 select2 使用 bootstrap5 主题。 其他一切都有效。 正是这个按钮导致了问题。 谢谢...

按比例调整图像大小的算法，使其尽可能接近给定尺寸

示例 myFunction(400, 300, 50, 100) => 必须返回宽度和高度才能按比例调整 400x300（第一个和第二个参数）图像的大小。调整大小的图像必须至少为 50x100（第 3 和第 4 页...

单击某个项目可取消选择它

有一个下拉多项选择，我想单击一个元素将其从选定的元素中删除。开箱即用的 selected.js 显然不能做到这一点，你如何修改它呢？ 我

甜甜圈在一个方向上有圆形边缘，各段之间有白色边框

Chart js Donut 段不单向显示。第一个和最后一个部分未按预期工作 期望：需要图表 js 甜甜圈圆角部分在一个方向上显示为白色

如何更精准地过滤元素？

当我在过滤器中输入某些内容时，例如字母“B”，结果会显示给我 当我在过滤器中输入某些内容时，例如字母 “B”，结果会向我显示 <div class="item"； 球、恐龙“蓝色”和机器人。 我想知道如何让过滤器忽略<span class="tag"里面的内容，只在<p class="name"内部搜索，这样最终的结果就只有<divs class="item"； 球和机器人 $("#filter").on("keyup", function () { var value =$(this).val().toLowerCase(); $("#box .item").filter(function () { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); #box { width: 300px; } .item { display: flex; align-items: center; gap: 5px; border: 1px solid; } .name { text-transform: uppercase; } .tag { background: silver; padding:2px 4px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <input id="filter" type="text" placeholder="Filter..." autocomplete="off"> <div id="box"> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Radio</p> <span class="tag">red</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Ball</p> <span class="tag">red</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Dinosaur</p> <span class="tag">blue</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Robot</p> <span class="tag">blue</span> </div> </div> 当您查找文本时，您可以增加搜索的特异性，以仅搜索具有名称类的元素： $(this).toggle($(this).find(".name").text().toLowerCase().indexOf(value) > -1) 我向元素添加了 .find() 调用，这会将 .text() 调用的范围缩小到仅具有名称 class 的元素。 请勿使用 "keydown" 事件名称。输入元素还应该响应，即：复制/粘贴操作等，不一定来自键盘。相反，请使用 "input" 事件 如果没有什么可以过滤，请勿使用.filter()。使用 jQuery 的 .each() 来代替 使用 this 或 .name 来定位 $(".name", this) 的 $(this).find(".name") 孩子 示例： $("#filter").on("input", function () { const value = $(this).val().trim().toLowerCase(); $("#box .item").each(function () { const match = $(".name", this).text().toLowerCase().indexOf(value) > -1; $(this).toggle(match); }); }); #box { width: 300px; } .item { display: flex; align-items: center; gap: 5px; border: 1px solid; } .name { text-transform: uppercase; } .tag { background: silver; padding:2px 4px; } <input id="filter" type="text" placeholder="Filter..." autocomplete="off"> <div id="box"> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Radio</p> <span class="tag">red</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Ball</p> <span class="tag">red</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Dinosaur</p> <span class="tag">blue</span> </div> <div class="item"> <img src="" alt="img.jpg"> <p class="name">Robot</p> <span class="tag">blue</span> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

离子框架的比例范围滑块

在离子框架中寻找范围刻度滑块。找到这个链接http://simeydotme.github.io/jQuery-ui-Slider-Pips/#styling-scale。但它并不是我们想要的那样。手柄应停在中心位置并...

Chart JS 甜甜圈，在一个方向上有圆角边缘，各段之间有白色边框

Chart js Donut 段不单向显示。第一个和最后一个片段未按预期工作，在此处输入图像描述 期望：需要图表js甜甜圈圆角段显示...

如何更精准地过滤元素？ jquery

当我在过滤器中输入某些内容（例如字母“B”）时，结果显示 divs class="item" with;球、恐龙“蓝色”和机器人。 我想知道...

'jquery' 不是有效的脚本名称。名称必须以“.js”结尾

我的ASP.Net项目运行得很好，突然停电了。当我运行我的网络应用程序时，它现在显示了很多 无法加载程序集 Sanitizer...”然后“无法加载”HtmlAgili...

为什么 JQuery 不影响 RMarkdown 中的表？

我正在尝试在 RMarkdown 中的 HTML 表格上使用 JQuery。 具体来说，我尝试使用 JQuery 将行类添加到 DT::datatable 的某些行。 我已经在 jsFiddle 中测试了 jQuery 代码并且可以工作......

多级嵌套按钮

我意识到这段代码有很多问题阻止了我的目标。 这是我的目标。 我想要一个可以添加嵌套元素的动态表单，最好没有级别限制...

使用 SWIFT、iOS 进行 JSON 查询[重复]

我想快速转换此查询： jQuery.ajax( { 网址：“http://website.net/api/Clients/”， 类型：'发布'， headers: {"Token": "Votre toke...</desc> <question vote="0"> <div> </div> <p>我想快速转换此查询：</p> <pre><code>&lt;script&gt; jQuery.ajax( { url: &#34;http://website.net/api/Clients/&#34;, type: &#39;POST&#39;, headers: {&#34;Token&#34;: &#34;Votre token&#34;}, dataType: &#34;json&#34;, data: { &#34;PhoneNumber&#34;: phoneNumberValue, &#34;SecretCode&#34;: secretCodeValue }, success: function (data) { alert(&#34;it worked!&#34;) } }); &lt;script&gt; </code></pre> <p>我在 Swift 中尝试过，但没有成功：</p> <pre><code>func submitNumber() { let session = NSURLSession.sharedSession() let url = NSURL(string: &#34;http://website.net/api/Clients/&#34;)! let request = NSMutableURLRequest(URL: url) request.HTTPMethod = &#34;POST” request.allHTTPHeaderFields = [&#34;Token&#34; : “myKey”] let requestDictionary = [&#34;PhoneNumber&#34;: 3333333333, &#34;SecretCode&#34;: 12345] request.HTTPBody = try! NSJSONSerialization.dataWithJSONObject(requestDictionary, options: []) let task = session.dataTaskWithRequest(request) { data, response, error in if let httpResponse = response as? NSHTTPURLResponse { let statusCode = httpResponse.statusCode if (statusCode == 200) { do { let json = try NSJSONSerialization.JSONObjectWithData(data!, options:.AllowFragments) print(json) }catch { print(error) } } else { print(“failure”) } } } task.resume() } </code></pre> <p>但是总是打印“失败”，我不知道哦如何处理...</p> <p>请问我该怎么做？</p> </question> <answer tick="false" vote="0"> <p>请参阅我对<a href="https://stackoverflow.com/questions/36704965/swift-2-json-post-request-dictionary-vs-string-for-httpbody-of-nsmutableurlreq/36705866?noredirect=1#comment61138687_36705866z">this</a>问题的回答。您没有将请求的内容类型设置为接受 json。</p> </answer> </body></html>

通过单击元素来移动滑块

我尝试在代码笔上使用这个滑块 https://codepen.io/MarioDesigns/pen/KvXZPK?editors=1011 $(文档).ready(函数() { if ($(".comparison-slider")[0]) { 让 compSlider = $(".