jquery 相关问题

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

jQuery 选项卡:如何隐藏单个选项卡?

如何隐藏tab2?我可以将 ID 添加到第二个 li 中,然后用 jQuery 隐藏它,但是没有办法直接通过 .tabs 来做到这一点吗? 如何隐藏tab2?我可以将 ID 添加到第二个 li,然后用 jQuery 隐藏它,但是没有办法直接通过 .tabs 来做到这一点吗? <div id="tabs" style="width:100%"> <ul> <li> <a href="#tab1"> Tab 1 Title </a> </li> <li> <a href="#tab2"> Tab 2 Title </a> </li> </ul> <div id="tab1" style="width:100%;"> content tab1 .... 试试这个: $('[href="#tab2"]').closest('li').hide(); 试试这个: $($("#tabs").find("li")[1]).hide() 演示 HTML: <div id='MyTabSelector'> <ul> <li><a href="#tabs-1">Tab 0</a></li> <li><a href="#tabs-2">Tab 1</a></li> <li><a href="#tabs-3">Tab 2</a></li> </ul> <div id="tabs-1"> <a href="#" onclick="$('#MyTabSelector').disableTab(1);">Disable Tab 1</a><br /> JS: (function ($) { $.fn.disableTab = function (tabIndex, hide) { // Get the array of disabled tabs, if any var disabledTabs = this.tabs("option", "disabled"); if ($.isArray(disabledTabs)) { var pos = $.inArray(tabIndex, disabledTabs); if (pos < 0) { disabledTabs.push(tabIndex); } } else { disabledTabs = [tabIndex]; } this.tabs("option", "disabled", disabledTabs); if (hide === true) { $(this).find('li:eq(' + tabIndex + ')').addClass('ui-state-hidden'); } // Enable chaining return this; }; $.fn.enableTab = function (tabIndex) { $(this).find('li:eq(' + tabIndex + ')').removeClass('ui-state-hidden'); this.tabs("enable", tabIndex); return this; }; })(jQuery); $('#MyTabSelector').tabs(); 您需要隐藏 li 和 div 才能隐藏选项卡 所以你的jquery将是 $($("#tabs").find("li")[1]).hide(); $($("#tabs").find('#tab2')).hide(); 你可以试试这个: //when you click a tab $('#tabs a').click(function(){ //show hidden tabs again $('#tabs li:hidden').show(); //hide the clicked tab $(this).parent().hide(); });

回答 5 投票 0

jquery 验证没有显示错误消息

我正在尝试使用jquery验证,但由于某种原因没有显示错误消息,即使我尝试遵循各种示例: 我正在尝试使用 jquery 验证,但由于某种原因,即使我尝试遵循各种示例,也没有显示错误消息: <form action="/" id="paaForm" method="post"> <input type="text" name="testMe" id="testMe" /> <button id="btnSubmit" type="button" value="Save" class="btn btn-default" /> jquery: $(function () { $("#paaForm").validate({ rules: { testMe: { required: true }, ... $('#btnSubmit').on('click', submit); ... function submit() { if (!$("#paaForm").valid()) { return; } ... 编辑: 我必须添加更多信息。我的应用程序是一个 MVC 应用程序,因此它使用这样的捆绑: bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.validate*")); 这样,基于模型属性的 MVC 验证就可以完美运行。但我需要更复杂的验证,这就是为什么我添加了简单的 jquery 验证。正如我上面提到的,它不起作用。但如果我用这个代替捆绑, bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.validate.js")); jquery 验证有效,但 MVC 验证不起作用,因为我排除了 “~/Scripts/jquery.validate.unobtrusive.js”。 可以两者兼得吗? 仅供参考 - 如果您使用 Unobtrusive Validation 插件,那么它会自动构造 .validate() 方法。您不能简单地提供自己的 .validate() 实例,因为它会被忽略。该插件仅设计用于在任何特定表单上处理 .validate() 一次,所有后续实例始终被忽略。 只要改变一个功能,问题就解决了:-) function submit() { if (!$("#paaForm").valid()){ return false; } ... return true; } 您应该如下更改您的代码。您需要通过下面的 jquery 插件授予显示错误消息的访问权限。默认验证集 debug: false。将其设置为 true。 $("#paaForm").validate({ debug: true }); 这应该对你有用。有关 jquery 验证的更多信息单击此处。祝你好运!

回答 3 投票 0

openai 的 jQuery 智慧

等等等等,吸它OPEN AI。 显然我需要更多角色......

回答 5 投票 0

智能向导 Jquery 插件 Square 进度不起作用

我在我的页面中添加了智能向导作为步骤插件。 但顶部导航栏上的进度不起作用。 线路没有出现 我添加了“square”并将必要的CSS添加到代码中 但不是...

回答 1 投票 0

动态将json转换为html表

我是 html 和 web 开发的新手。尝试构建一个网站,其中服务器端 python 脚本返回一个 json,需要在网页上显示为表格。 json 中的字段可以是

回答 1 投票 0

即使开关处于关闭状态也会调用Ajax调用

我有一个引导开关和一个带有 ajax 调用的 jquery 脚本,只有在选中开关时才应启动该脚本。发生的情况是,当我第一次加载页面时,一切都很好(swi...

回答 1 投票 0

打开/关闭时我是否将 Unicode 三角形向上/向下指向?

我有以下 HTML: 点我! ▼ Lorem ipsum dolor 坐 amet... 以及以下 jQuery: $('div h1').click(功能...

回答 1 投票 0

css/js 类似魔兽等游戏的技能冷却动画效果?

我正在尝试制作一种效果,当单击技能图标时,它会进入“冷却”状态,类似于《魔兽世界》等典型 MMO 中技能的冷却状态。 我找到了以下 achie 的代码...

回答 2 投票 0

加载按钮后 jQuery AJAX load() div 表不起作用

目前遇到这个问题,我有ajax请求发送表单数据并将其保存到数据库,保存后我然后使用load()函数刷新表中的列表,但加载后...

回答 2 投票 0

在 Fabric.js 画布上添加网格

我刚刚开始使用Fabric.js(我不得不说,我印象深刻)。 我想在织物对象上添加网格。在下面的代码中,我将网格画布放在 Fabric 画布上。

回答 8 投票 0

用户更改浏览器中的字体大小时发生的事件?

当用户更改浏览器中的字体大小时,我需要得到通知。 我需要它来重新定位一些元素,这些元素必须在一维上与文本内的锚点相关。 到目前为止我...

回答 3 投票 0

单击ajax表中的按钮时突出显示行

我想在单击编辑按钮时在ajax表中的选定行上添加突出显示类。我不知道为什么我的代码不起作用。你可以帮帮我吗?提前致谢。 函数 getData(){ ...

回答 1 投票 0

setTimeout 关闭模式并重定向到 url

我在到期时间前 2 分钟打开了模态。我希望在 2 分钟后,模式将再次关闭并重定向到一个网址。怎么做?任何帮助将非常感激。 文件。

回答 1 投票 0

jquery css 设置按钮单击时的可见性

我正在尝试在不同的边距上设置指标的可见性。 我有一个滑块,有两个按钮 next n prev。我试图在单击“下一步”按钮时显示活动幻灯片编号,我正在这样做...

回答 1 投票 0

jquery $.when - 有什么方法可以阻止 .fail 提前触发吗?

根据 $.when 的 jQuery 文档,如果任何一个参数 Promise 失败,那么 .when 不会等待,并且会立即失败。它也不会取消其他承诺。 有没有办法

回答 2 投票 0

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

我有多种房间类型,每种房间类型都有多行定价,但当我执行计算时,它会计算每种房间类型表格,但如果我为该房间类型添加新的 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

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