jQuery是一个Javascript库，考虑添加Javascript标记。 jQuery是一个流行的跨浏览器JavaScript库，它通过最小化浏览器之间的差异来促进文档对象模型（DOM）遍历，事件处理，动画和AJAX交互。标记为jquery的问题应该与jquery相关，因此有问题的代码应该使用jquery，并且至少需要jquery与用法相关的元素。
我正在为网站制作语言切换器，如何禁用它或更改其在移动设备上的位置？
我正在制作一个语言切换器，但我需要根据屏幕尺寸更改其位置，因为在移动设备上它会超出屏幕。我怎样才能做到这一点？ <p>我正在制作一个语言切换器，但我需要根据屏幕尺寸更改其位置，因为在移动设备上它会超出屏幕。我怎样才能做到这一点？</p> <pre><code><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'en'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "pt") { $('a[href="/"]').attr("href", "/pt/inicio/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link,.header-menu-controls-control').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script> <script> /*setup language switcher*/ $('body').prepend('<div class="language"><a href="/en/home" class="lang-en">English</a> | <a href="/pt/inicio/" class="lang-pt">Português</a></div>'); </script> </code></pre> <p>我是制作网站的新手，我不知道如何更改手机上语言切换器的位置，因为它超出了屏幕哦，如果有帮助的话，我正在使用 squarespace 来制作网站和所有内容代码被注入到页脚中。我已经尝试过这个解决方案，将所有代码放入 div 元素中。</p> <p>也许我的要求太多了，但任何人都可以帮我制作它，使其适应屏幕的尺寸吗？因为当屏幕较小时，它会凌驾于其他事物之上。</p> <pre><code><style> /* Hide content on mobile */ @media only screen and (max-width: 768px) { .desktop-only { display: none; } } </style> </code></pre> </question> <answer tick="false" vote="-1"> <p>由于您正在使用语言类，因此请在此应用 css。 如果您想仅使用 .desktop，请在 .language 类之后将其添加到您的 html 中。</p> <p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code>$('body').prepend('<div class="language desktop-only"><a href="/en/home" class="lang-en">English</a> | <a href="/pt/inicio/" class="lang-pt">Português</a></div>');</code></pre> <pre><code>.language { display: block; } /* Hide language switcher on small screens (mobile or tablets) */ @media (max-width: 768px) { .language { display: none; } }</code></pre> <pre><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script></code></pre> </div> </div> <p></p> </answer> </body></html>
触发 UpdatePanel 后 JavaScript 停止工作
我的 UpdatePanel 和 JavaScript 遇到问题。 JavaScript 代码一开始工作得很好，但在触发 UpdatePanel 后就停止工作了。 这是代码： ...</desc> <question vote="0"> <p>我的 UpdatePanel 和 JavaScript 遇到问题。 JavaScript 代码一开始工作得很好，但在触发 UpdatePanel 后就停止工作了。 这是代码：</p> <pre><code><script> $(document).ready(function () { $('#<%=txtNum.ClientId%>').on('input', function () { __doPostBack('clean', '<%= updGen.UniqueID %>'); }); }); </script> <asp:UpdatePanel runat="server" ID="updGen"> <ContentTemplate> <div class="col-md-3"> <label runat="server" id="lblInserimento" class="control-label">Number</label> <asp:Panel runat="server" ID="pnlNum" DefaultButton="lnkSearch" CssClass="input-group"> <asp:LinkButton title="Search" ID="lnkSearch" OnClick="lnkSearch_Click" CssClass="btn btn-default btn-sm input-group-addon" runat="server"><i class="fa fa-search"></i></asp:LinkButton> <asp:TextBox Enabled="false" runat="server" ID="txtNum" CssClass="form-control" oninput="this.value = this.value.replace(/[^0-9]/g, '');"></asp:TextBox> <span runat="server" id="spnCodice" class="input-group-btn"> <asp:LinkButton ID="btnNumBefor" CssClass="btn btn-flat btn-sm" runat="server" OnClick="btnNumBefor_Click"><i class="fa fa-angle-left"></i></asp:LinkButton> <asp:LinkButton ID="btnbtnNumAfter" CssClass="btn btn-flat btn-sm" runat="server" OnClick="btnbtnNumAfter_Click"><i class="fa fa-angle-right"></i></asp:LinkButton> </span> </asp:Panel> </ContentTemplate> </asp:UpdatePanel> </code></pre> </question> <answer tick="false" vote="0"> <p>问题是当您使用更新面板时，加载代码不会触发。</p> <p>但是，有一种方法可以创建在更新面板（部分页面周期）之后运行的代码存根。因此，应该重新附加此代码并为您重新运行 jQuery 代码：</p> <pre><code> <script> $(document).ready(function () { mywhatever(); }); function mywhatever() { $('#<%=txtNum.ClientId%>').on('input', function () { __doPostBack('clean', '<%= updGen.UniqueID %>'); }); } var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(mywhatever); </code></pre> <p>所以，现在两个页面都“准备就绪”，然后在更新面板之后，两个页面都将运行相同的代码。</p> </answer> </body></html>
Google 地图 API 警告：SensorNotRequired
在网站 https://gearbottle.com/ 上，我遇到了一个问题，地图将加载我的地理位置（启用地理位置查看），然后加载所有结果（整个世界） - 我需要它留在
我正在尝试使用 Javascript 填充 Sharepoint 2013 中的 PeoplePicker 控件： 姓名=“工程师” var ppDiv=$("[id$='ClientPeoplePicker'][title='"+name+"']"); console.log(ppDiv.html()); var ppEd...
我想在我的选项中选择复选框，但不知道该怎么做。 参考 这是我的选择框代码： 我想在我的选项中选择复选框，但不知道该怎么做。 参考文献 这是我的选择框代码： <select class="form-control select2" id="data-set" name="data[]" multiple="multiple"> @foreach($data as $row) <option value="{{ $row->name }}">{{ $row->name }}</option> @endforeach </select> JS代码： $('#lawFirms').select2({ placeholder: "Select options", allowClear: true }); 我建议查看其他线程，其中还有其他一些可能对您有帮助的好答案。
任何人都可以解释一下吗： var js_var = '你好'; $.ajax({ 类型：“帖子”， url: "some.php", 数据：“js_var=”+js_var， 成功：函数（消息）{ alert("数据已保存：" + msg ); } ...
$.post("include/email_validate.inc.php", { 电子邮件：$('#email').val() }，函数（响应）{ if(response=="email_exits") { alert("邮箱地址已注册...
我最近阅读了有关最佳实践的 jQuery 教程。 我通常从一个名为 global 的 js 文件运行所有函数，但文章建议不要这样做。 下面是应该使用的代码...
jQuery `load(...)` 和 `ajax(...)` 函数有什么区别？
我正在为我的个人网站创建一个作品集页面。我有一个滑块，上面有一堆与我所从事的项目相关的锚点，每个锚点都包含一个客户徽标，单击时应加载...
我的网站上有一个页面当前通过ajax加载html。 JQuery 是： $(文档).ready(函数() { $('.projects a').click(函数(事件) { $('#work').load(this.href); 活动。
嘿伙计们，我目前正在使用 jquery 和 ajax 来创建网页。我正在使用 ajax 加载一个使用 jquery 插件（light-box 插件）的网页。 jquery 插件似乎不适用于...
需要使用 JQuery 和 AJax 的基本帮助。我有一个ul JQuery 工作入门 ... 需要使用 JQuery 和 AJax 的基本帮助。我有一个ul <div id="topics"> <h1><a href="index.html">JQuery</a></h1> <h3>A Working Primer</h3> <ul> <li><a href="articles/includingJQuery.html">Including JQuery</a></li> <li><a href="articles/tools.html">Tools of the Trade</a></li> </ul> </div> 一个空的 div，我喜欢将 Ajax 内容加载到与上面相同的页面上： <div id="articles"> </div> 和我的脚本 $(document).ready(function(){ $("#topics ul li a").click(function(){ $('#articles').load(''); return false; }); }); 不确定要在负载中放入什么，因此它是动态的。感谢任何帮助:) 如果内容位于 href 属性位置，那么您需要获取该属性的值： $('#articles').load(this.href); 所以试试这个： $(document).ready(function(){ $("#topics ul li a").click(function() { // use the content of the href attribute // for the load parameter $('#articles').load(this.href); return false; }); }); $('#articles').load($(this).attr('href')); 尝试一下...... 使用 $('#articles').load($(this).attr('href')); 大概可以工作，但最终你会加载整个远程文档，包括重复的头/正文标签。 要变得更复杂，您可以在 .load() 中指定一个回调函数，并使用它来读取返回的内容，仅收集 <body> 元素的子元素，并将这些子元素插入到 #articles 元素中。 这听起来有点像您正在寻找的内容...以下函数调用 ASP.Net Web 服务。 然后，我使用从 Web 服务返回的 JSON 数据将 html 附加到我的元素。 我想您可能可以从这个示例中看到我在做什么并将其应用到您自己的代码中。 如果您需要我澄清任何事情，请告诉我。 $(function () { $.ajax({ type: "POST", data: "{}", datatype: "json", url: "../webServices/myTestWS.asmx/testMethodTV", contentType: "application/json; charset-utf-8", success: function (msg) { var len = msg.d.rows.length; $('#sidetree').append('<ul id="treeview">'); for (i = 0; i < len; i++) { $('#sidetree').append("<li><span class='expandable'>" + msg.d.rows[i].data + "</span></li>"); } $('#sidetree').append('</ul>'); }); }); 您必须构建每个包含的页面，使其具有相同的 div 名称，例如 #container，您想要加载到 #articles div 中的数据所在的位置。然后你可以简单地做： $(document).ready(function() { $("#topics ul li a").click(function() { var url = $(this).attr('href'); $('#articles').load(url + ' #container'); return false; }); }); 这只会获取 #container div 并排除所有您不需要的额外 html/body 标记，并且您不必处理回调函数。请参阅http://api.jquery.com/load/
我想显示一个对话框，它使用ajax从服务器动态获取其内容。如果我用这个 $('a.key').click(function(){ var resp = 'grk'; $dialog.html(resp); $d...
我正在制作一个简单的表单，其中包含 5 个用于地址部分的输入元素。我使用 jQuery 构建 AJAX 请求并将其发送到服务器上的 PHP 文件。由于某种原因，我的 jQuery 无法正确使用...
我正在尝试实现一个货币转换器，我成功了，但现在我正在实现一个按钮，该按钮将更改两个选定菜单之间的选定选项，这意味着如果在第一个我...
我有一个简单的 Facebook 应用程序（http://www.facebook.com/pages/Trololo/236069739747588?sk=app_222001914503807），我使用一些 jQuery Ajax 记录响应： $.ajax({ 网址：'https://api.facebook....
如何去掉 jQuery 添加到 AJAX 请求中的下划线查询参数？
我正在使用 jQuery 并运行这个 Javascript： $.ajax({ url: 'http://1.1.1.1/cgi-bin/script.cgi?scm:scm/data/system_names', 上下文：$("#elem"), 跨域：正确， 数据类型：“xml”...
我已经覆盖了粘贴事件。我注意到，由于该事件的默认行为被阻止，因此当前无法使用 Ctrl+Z 撤消“粘贴”。 $(this).on('粘贴', 函数 (evt...
我对 txt_RollNo 的模糊事件进行了 AJAX 调用，以从数据库中获取 std_name、Class、age 并将其填充到 txt_name、txt_class、txt_age 中。 在一次通话中我可以将姓名、班级、年龄全部记录下来吗...
我一直在研究一些如何将 ajax 与 jQuery 结合使用的介绍性示例，但是当我在服务器上尝试这些示例时，它们似乎不起作用。 这是我在 html 文件中的代码： 我一直在研究一些如何将 ajax 与 jQuery 结合使用的介绍性示例，但是当我在我的服务器上尝试这些示例时，它们似乎不起作用。 这是我在 html 文件中的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script src="jquery.js"></script> <script type="text/javascript"> $(function(){ $.get("ajax/json-statistics.php", function(data){ alert("hello");}); }); </script> </head> <body> </body> </html> 这是我在 PHP 文件中的代码： <?php $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); echo json_encode($arr); ?> 两个文件位于同一目录中。当我转到 html 页面时，它只是空白，但我希望出现一个包含文本 hello 的警告框。 我发现这对我来说很有用 <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script LANGUAGE="JavaScript"> $(document).ready(function(){ $.get("ajax/json-statistics.php", function(data){ alert("hello");}, "json"); }); </script> 检查路径 - 它们是相对，因此它们指向浏览器的文件应该位于正确的位置（也许它们已经是 - 我们没有足够的数据）。 如果还是不行，可能还有其他问题。例如。也许你关闭了 JavaScript？ 检查请求是否已发送以及是否存在其他问题的最好方法是使用一些调试工具。我建议使用 Chrome 的 开发者工具 或 Firefox 的 Firebug - 检查它们对文件和数据的请求是否发送到正确的位置，并检查是否存在任何其他 JavaScript 错误。 尝试： <?php header('Cache-Control: no-cache, must-revalidate'); header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); header('Content-type: application/json'); $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); echo json_encode($arr); ?>