jquery 相关问题

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

jQuery $.get 更改 URL

我写 $.get("http://localhost/bookstore/public/actualizar_paginas/local/11/46", 函数(数据){}); 奇怪的是,当我调试时,我发现查询是对以下网址进行的: http://loc...

回答 1 投票 0

如何让div全屏显示?

我正在使用 Flot 来绘制一些数据的图表,我想在单击按钮时使该图表全屏显示(占据显示器上的整个空间)会很棒。目前,我的 div 是...

回答 11 投票 0

如何在Struts 2中的<s:iterator>标签中将项目显示为不同页面的超链接?

我正在使用 Struts 2 标签在我的 JSP 页面上显示 ArrayList 的结果。 我的问题是,我希望该项目作为独立项目,以便我可以使用它进行更多处理。我想要

回答 1 投票 0

通过选择`property`属性获取`Meta`属性`content`

在 jQuery 中你可以这样做: $("meta[property='fb:app_id']").attr("内容"); 这将为您提供具有属性属性“fb:app_id”的元标记的内容属性值。 我该怎么办...

回答 3 投票 0

在 CSS3 或 jQuery 中将元素的宽度从 0 动画到 100%,其及其包装器仅达到需要的宽度,无需预设宽度

http://jsfiddle.net/nicktheandroid/tVHYg/ 当悬停 .wrapper 时,它的子元素 .contents 应从 0px 动画到其自然宽度。然后当鼠标从 .wrapper 中移除时,它应该

回答 7 投票 0

Struts 2中选择出生日期后如何计算年龄?

我点击下面的链接根据出生日期选择计算年龄: 给出出生日期后自动获取年龄 但我无法计算年龄字段中的日期。 我...

回答 1 投票 0

JQuery UI 未显示工具提示(序列化顶部提示不起作用)

我之前使用过 Jquery UI 和工具提示,没有任何问题......这次由于某种原因我无法让它们工作。我试图让工具提示仅在鼠标悬停在 1 个元素上时显示....

回答 1 投票 0

清除有关 JQuery Ajax 的一些内容

在 jQuery 中 $.get 方法和 $.post 方法有什么不同? 什么时候哪个比较好? $.Ajax 比我们使用 .get 和 .post 方法更好吗?

回答 1 投票 0

如何调试Ajax请求及相关PHP代码? [已关闭]

调试 AJAX 请求的最佳调试工具是什么,并查看通过 AJAX 触发的 PHP 代码会发生什么情况?我想检查 AJAX 时是否触发了 class.php 中的方法

回答 4 投票 0

如何在客户端 Javascript 中隐藏 API 密钥

现在我正在编写一个客户端 JavaScript 应用程序,该应用程序向 USPS 价格计算器 API 发出请求。 为了发出此请求,我需要在请求的 xml 中提供我的 API 用户 ID...

回答 3 投票 0

如何在PHP中调试Ajax请求? [已关闭]

在 PHP 中调试 AJAX 请求的最佳调试工具是什么?我想检查 AJAX 函数调用时是否触发了 class.php 中的方法。 例如: $.ajax({ url: '类/MyC...

回答 4 投票 0

如何在页面加载时自动播放嵌入 YouTube 视频?

在发布这个问题之前我确实搜索了该网站,但我正在寻找一个非常具体的答案。 我正在创建一个带有全宽滑块的网站。第一张幻灯片是 1 分钟的嵌入 Youtube 视频。我

回答 2 投票 0

如何在响应式显示上使用光滑的轮播行和slidesPerRow?

我想要我的轮播项目符合以下条件: 上面的大型桌面上有 3 行和每行 3 张幻灯片。 2 行和 2 张幻灯片每行,小于 992 像素。 1 行和 1 张幻灯片每行小于 768 像素。 但它...

回答 1 投票 0

如何将两条数据显示到一个文本输入中

在下面的代码中,我有一个 array_push() 命令,它将数据存储在必要的列中: $studentInfo = 数组(); while ( $studentqrystmt->fetch() ) { $studentData = 数组(); $studentDa...

回答 1 投票 0

Fabric.js 与 Vue 3 - 无法加载 svg 图像

我正在尝试使用 Fabric.js ^6.3.0 和 Vue 3 将 svg 图像加载到画布: 从 'fabric' 导入 * 作为布料 从 'vue' 导入 { onMounted, ref } 常量 </desc> <question vote="1"> <p>我正在尝试使用 Fabric.js ^6.3.0 和 Vue 3 将 svg 图像加载到画布:</p> <pre><code>&lt;script setup lang=&#34;ts&#34;&gt; import * as fabric from &#39;fabric&#39; import { onMounted, ref } from &#39;vue&#39; const fabricCanvas = ref() onMounted(() =&gt; { const canvas = new fabric.Canvas(fabricCanvas.value) fabric.loadSVGFromURL(&#39;./assets/roof.svg&#39;, (objects, options) =&gt; { const svg = fabric.util.groupSVGElements(objects, options) canvas.add(svg) canvas.renderAll() }) }) &lt;/script&gt; &lt;template&gt; &lt;canvas ref=&#34;fabricCanvas&#34; width=&#34;500&#34; height=&#34;500&#34;&gt;&lt;/canvas&gt; &lt;/template&gt; </code></pre> <p>什么也没有发生,svg 没有加载到画布中。但如果我将 Jquery 与 Fabric.js 5.3.0 一起使用,这段代码就可以正常工作</p> <p>在这一行<pre><code>const svg = fabric.util.groupSVGElements(objects, options)</code></pre>中,我遇到了打字稿错误:<pre><code>objects</code></pre>:“Element”类型的参数不能分配给“FabricObject<Partial, SerializedObjectProps, ObjectEvents>[]”类型的参数</p> <p>您尝试过使用 Fabric 的 Vue 3 吗?请帮助我!</p> </question> <answer tick="false" vote="0"> <p>有同样的问题。我找到了解决方案。 基于官方描述:<a href="https://fabricjs.com/api/functions/loadsvgfromurl/" rel="nofollow noreferrer">https://fabricjs.com/api/functions/loadsvgfromurl/</a> loadSVGFromURL 的第二个参数现在获取“原始 svg 元素和生成的 FabricObject 作为参数”。所以你可以使用第二个参数,就像它一样!</p> <pre><code>fabric.loadSVGFromURL(svgFile, (_orig, converted) =&gt; { this.canvas.add(converted); this.canvas.renderAll(); }); </code></pre> </answer> </body></html>

回答 0 投票 0

如何使用常规 HTML 连接并执行 Struts 2 中的 validate() 方法?

我正在尝试使用 Struts 2 创建一个登录表单。为此,我在下面创建了一个 JSP 页面 我正在尝试使用 Struts 2 创建一个登录表单。为此我在下面创建了一个 JSP 页面 <form method="post" id="frmLogin" action="login" onSubmit="return loginValidation()"> <table class="tblLogin"> <tr><th colspan="2">Log in</th></tr> <tr> <td class="labels">Username:</td> <td><input type="text" id="txtUsername" maxlength="10"></td> </tr> <tr> <td class="labels">Password:</td> <td><input type="password" id="txtPassword" maxlength="16"></td> </tr> <tr> <td colspan="2" align="center"> <input type="image" class="loginButton" src="design/images/btn3.png" value="Log in"> </td> </tr> </table> </form> 在页面中,我已使用 JavaScript 验证了页面。我还创建了带有 getter 和 setter 的操作类以及一个返回 execute() 的 SUCCESS 方法。 我在网上搜索了一下,发现所有的例子都是使用Struts标签。 如何使用常规 HTML 连接并执行 Struts 中的 validate() 方法。否则,使用 Struts 2 验证和提交表单的方法是什么? 现在,我的问题是,我给出了错误的username并且发生了password表单提交。 对于服务器端验证: 你必须在你的动作类中扩展ActionSupport。然后,重写 validate() 方法。这是一个例子: @Override public void validate() { if (this.username == null || this.username.isEmpty()) { addFieldError("username", "Username is required"); } if (this.password == null || this.password.isEmpty()) { addFieldError("password", "Password is required"); } } 如果这对您有用,您可以在 validate() 方法 上添加更多语句 此外,您还可以使用 ActionSuport getText() 方法来获取包含要显示的错误消息的字符串: @Override public void validate() { if (this.username == null) { addFieldError("username", getText("err_username_req")); } ..... // same for password and other statements } 您所要做的就是将 err_username_req 作为属性包含在您的 struts2 资源文件中(就在您想要保留字符串的文件中,例如,用于验证错误和其他内容),然后您就可以开始了: ) . 在常规 HTML 中,您缺少一些 Struts2 功能,例如 xhtml 主题。该主题允许显示操作错误以及输入字段。要验证输入字段,您需要将值作为参数传递给操作。提交表单时会创建操作实例。如果使用相同的名称将字段绑定到操作属性,效果会更好。 默认情况下,参数不仅会合并在操作上下文中,还会填充操作实例。确保您的操作类扩展了 ActionSupport,因为它是调用 validation() 方法所必需的,并且具有验证错误的上下文。 使用defaultStack拦截器,包括validation拦截器和workflow拦截器。如果操作有验证错误,最后一个将阻止该操作执行。 <form method="post" id="frmLogin" action="login" onSubmit="return loginValidation()"> <table class="tblLogin"> <tr><th colspan="2">Log in</th></tr> <tr> <td class="labels">Username:</td> <td><input type="text" id="txtUsername" name="username" maxlength="10"></td> </tr> <tr> <td class="labels">Password:</td> <td><input type="password" id="txtPassword" name="password" maxlength="16"></td> </tr> <tr> <td colspan="2" align="center"> <input type="image" class="loginButton" src="design/images/btn3.png" value="Log in"> </td> </tr> </table> </form>

回答 2 投票 0

如何使用常规 HTML 连接并执行 Struts 的验证方法

我正在尝试使用 Struts 2 创建一个登录表单。为此,我在下面创建了一个 JSP 页面 我正在尝试使用 Struts 2 创建一个登录表单。为此我在下面创建了一个 JSP 页面 <form method="post" id="frmLogin" action="login" onSubmit="return loginValidation()"> <table class="tblLogin"> <tr><th colspan="2">Log in</th></tr> <tr> <td class="labels">Username:</td> <td><input type="text" id="txtUsername" maxlength="10"></td> </tr> <tr> <td class="labels">Password:</td> <td><input type="password" id="txtPassword" maxlength="16"></td> </tr> <tr> <td colspan="2" align="center"> <input type="image" class="loginButton" src="design/images/btn3.png" value="Log in"> </td> </tr> </table> </form> 在页面中,我已使用 JavaScript 验证了页面。我还创建了带有 getter 和 setter 的操作类以及一个返回 execute() 的 SUCCESS 方法。 我在网上搜索了一下,发现所有的例子都是使用Struts标签。 如何使用常规 HTML 连接并执行 Struts 中的 validate() 方法。否则,使用 Struts 2 验证和提交表单的方法是什么? 现在,我的问题是,我给出了错误的username并且发生了password表单提交。 对于服务器端验证: 你必须在你的动作类中扩展ActionSupport。然后,重写 validate() 方法。这是一个例子: @Override public void validate() { if (this.username == null || this.username.isEmpty()) { addFieldError("username", "Username is required"); } if (this.password == null || this.password.isEmpty()) { addFieldError("password", "Password is required"); } } 如果这对您有用,您可以在 validate() 方法 上添加更多语句 此外,您还可以使用 ActionSuport getText() 方法来获取包含要显示的错误消息的字符串: @Override public void validate() { if (this.username == null) { addFieldError("username", getText("err_username_req")); } ..... // same for password and other statements } 您所要做的就是将 err_username_req 作为属性包含在您的 struts2 资源文件中(就在您想要保留字符串的文件中,例如,用于验证错误和其他内容),然后您就可以开始了: ) . 在常规 HTML 中,您缺少一些 Struts2 功能,例如 xhtml 主题。该主题允许显示操作错误以及输入字段。要验证输入字段,您需要将值作为参数传递给操作。提交表单时会创建操作实例。如果使用相同的名称将字段绑定到操作属性,效果会更好。 默认情况下,参数不仅会合并在操作上下文中,还会填充操作实例。确保您的操作类扩展了 ActionSupport,因为它是调用 validation() 方法所必需的,并且具有验证错误的上下文。 使用defaultStack拦截器,包括validation拦截器和workflow拦截器。如果操作有验证错误,最后一个将阻止该操作执行。 <form method="post" id="frmLogin" action="login" onSubmit="return loginValidation()"> <table class="tblLogin"> <tr><th colspan="2">Log in</th></tr> <tr> <td class="labels">Username:</td> <td><input type="text" id="txtUsername" name="username" maxlength="10"></td> </tr> <tr> <td class="labels">Password:</td> <td><input type="password" id="txtPassword" name="password" maxlength="16"></td> </tr> <tr> <td colspan="2" align="center"> <input type="image" class="loginButton" src="design/images/btn3.png" value="Log in"> </td> </tr> </table> </form>

回答 2 投票 0

如何在 Struts 2 中启用/禁用 <s:checkbox>?

我想在我的页面中显示 2 个复选框(称为 box1 和 box2)。默认值为 box1 = false 和 box2 = false。但我还必须仅在 box1 = true 时启用 box2。所以我创建了以下...

回答 2 投票 0

关闭模态窗体asp.net core后运行ajax调用

我使用的是asp.net core 6 我有一个剃刀视图,其中有一个部分由 ajax 调用填充 - 我使用的是asp.net core 6 我有一个剃刀视图,其中有一个部分由 ajax 调用填充 - <div id="assessmentTablesDiv"> <!-- ...content... --> </div> 此 div 填充有以下内容。 var assessmentTablesDiv = $('#assessmentTablesDiv'); var id = $('#adminDetailsAndOverviewId').val(); $.ajax({ url: "@Url.Action("LoadAssessmentTables", "Assessments")", data: { id:id }, type: "GET", success: function (data) { assessmentTablesDiv.replaceWith(data); } }); div 被替换为具有调用模态表单按钮的部分视图。 </div> <div class="row"> <div class="col-md-12 mb-2 mt-2"> <button type="button" class="btn-sm btn-primary float-right" data-toggle="ajax-modal" data-target="#mdAddAssessment" data-url="@Url.Action("Create", "Assessments")" title="Click add an assessment."> Add Assessment </button> </div> </div> </div> 当我按下模态表单上的保存按钮时,数据将被保存并关闭模态。然后我想运行 ajax 调用来替换assessmentTablesDiv 中的数据以显示新保存的数据。 我已经尝试过以下方法,但它不起作用 - $("#btnSave").on('click', function (event) { if (validate()) { var viewModel = { "AssessmentId": $('#assessmentId').val(), "AdmissionDetailsAndReviewsId": $('#adminDetailsAndReviewsId').val(), "AssessmentTypeId": $('#AssessmentSelectionId').val(), "DateMostRecent": $('#dateMostRecent').val(), "IQSpecifyOrOther": $("#iqSpecifyOrOther").val(), "Score": $('#score').val(), } $.ajax({ type: "POST", url: "@Url.Action("SaveGeneralAssessment", "Assessments")", headers: { "RequestVerificationToken": "@GetAntiXsrfRequestToken()" }, datatype: "json", data: viewModel, async: false, success: function (response) { $('#mdAddAssessment').modal('hide') reloadAssessment(); }, failure: function (response) { alert(JSON.stringify(response)); }, error: function (response) { alert(JSON.stringify(response)); } }); }; }); function reloadAssessment() { var assessmentTablesDiv = $('#assessmentTablesDiv'); var id = $('#adminDetailsAndOverviewId').val(); $.ajax({ url: "@Url.Action("LoadAssessmentTables", "Assessments")", data: { id: id }, type: "GET", success: function (data) { assessmentTablesDiv.replaceWith(data); } }); } 我不想重新加载整个页面,因为在页面上输入的任何其他未保存的数据都将丢失。 有什么想法吗 谢谢 .html() 而不是 .replaceWith(): 这保留了 #assessmentTablesDiv 元素,而不会出现事件绑定并发症。 success: function (data) { assessmentTablesDiv.html(data); }, 使用 .done() 和 .fail() 异步处理成功和失败 .done(function (response) { $('#mdAddAssessment').modal('hide'); reloadAssessment(); }) .fail(function (response) { alert("An error occurred: " + JSON.stringify(response)); }); 它应该可以顺利重新加载,无需重新加载页面。

回答 1 投票 0

使用 jQuery 创建模式并重复到画布中

我正在研究画布上 SVG 的图案放置算法,它将是一个 WordPress 插件。我可以将 SVG 放在画布上并计算宽度和高度值,但是,因为 SVG h...

回答 1 投票 0

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