javascript 相关问题

JavaScript(不要与Java混淆)是一种高级,动态,多范式,面向对象,基于原型的弱类型语言,用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题(不包括ActionScript和Google-Apps-Script)。

我正在为网站制作语言切换器,如何在移动设备上禁用它?

我正在制作一个语言切换器,但我需要根据屏幕尺寸更改其位置,因为在移动设备上它会超出屏幕。我怎样才能做到这一点? <p>我正在制作一个语言切换器,但我需要根据屏幕尺寸更改其位置,因为在移动设备上它会超出屏幕。我怎样才能做到这一点?</p> <pre><code>&lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = &#39;en&#39;; var lang = location.pathname.split(&#34;/&#34;)[1]; var defaultClass = &#39;lang-&#39;+defaultLanguage+&#39;&#39;; var itemParent = &#34;nav [class*=&#39;collection&#39;],nav [class*=&#39;folder&#39;],nav [class*=&#39;index&#39;],nav [class*=&#39;group&#39;]&#34;; if (lang == &#34;&#34; || lang.length &gt; 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $(&#39;a[href=&#34;/&#34;]&#39;).addClass(&#39;lang-&#39;+defaultLanguage+&#39;&#39;).parents(itemParent).addClass(&#39;lang-&#39;+defaultLanguage+&#39;&#39;); $(&#39;nav a:link:not([href^=&#34;http://&#34;]):not([href^=&#34;https://&#34;])&#39;).each(function () { var langType = $(this).attr(&#39;href&#39;).split(&#34;/&#34;)[1]; var multiLanguageClass = &#39;multilanguage lang-&#39; + langType + &#39;&#39;; if (undefined !== langType &amp;&amp; langType.length &lt;= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $(&#39;nav button&#39;).each(function () { var langTypeFolder = $(this).attr(&#39;data-controller-folder-toggle&#39;).split(&#34;/&#34;)[0]; var multiLanguageClass = &#39;multilanguage lang-&#39; + langTypeFolder + &#39;&#39;; if (undefined !== langTypeFolder &amp;&amp; langTypeFolder.length &lt;= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == &#34;pt&#34;) { $(&#39;a[href=&#34;/&#34;]&#39;).attr(&#34;href&#34;, &#34;/pt/inicio/&#34;); } /* ADD EXCLUSION NAV ITEMS */ $(&#39;.exclude-me,.exclude-me a&#39;).addClass(&#39;exclude&#39;); $(&#39;.sqs-svg-icon--list a,.SocialLinks-link,.header-menu-controls-control&#39;).addClass(&#39;exclude&#39;); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $(&#39;.multilanguage:not(&#34;.lang-&#39;+lang+&#39;,.exclude&#34;)&#39;).remove(); }); &lt;/script&gt; &lt;script&gt; /*setup language switcher*/ $(&#39;body&#39;).prepend(&#39;&lt;div class=&#34;language&#34;&gt;&lt;a href=&#34;/en/home&#34; class=&#34;lang-en&#34;&gt;English&lt;/a&gt; | &lt;a href=&#34;/pt/inicio/&#34; class=&#34;lang-pt&#34;&gt;Português&lt;/a&gt;&lt;/div&gt;&#39;); &lt;/script&gt; </code></pre> <p>我是制作网站的新手,我不知道如何更改手机上语言切换器的位置,因为它超出了屏幕哦,如果有帮助的话,我正在使用 squarespace 来制作网站和所有内容代码被注入到页脚中。我已经尝试过这个解决方案,将所有代码放入 div 元素中。</p> <p>也许我的要求太多了,但任何人都可以帮我制作它,使其适应屏幕的尺寸吗?因为当屏幕较小时,它会凌驾于其他事物之上。</p> <pre><code>&lt;style&gt; /* Hide content on mobile */ @media only screen and (max-width: 768px) { .desktop-only { display: none; } } &lt;/style&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>由于您正在使用语言类,因此请在此应用 css。 如果您想仅使用 .desktop,请在 .language 类之后将其添加到您的 html 中。</p> <p>$('body').prepend('英语 | 葡萄牙语');</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>.language { display: block; } /* Hide language switcher on small screens (mobile or tablets) */ @media (max-width: 768px) { .language { display: none; } }</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

Electron - 有没有办法在抛出错误后运行代码?

我正在制作我的第一个电子应用程序,我正在尝试实现错误处理。如果我写: 抛出新的错误('发生了一些事情') 出现一个大的、方便的错误警报模式。我想用这个...

回答 1 投票 0

定期更新并渲染 Flask 中的值

我想动态显示我的CPU使用情况。 我不想重新加载页面来查看新值。 我知道如何在 Python 中获取 CPU 使用率。 现在我用该值渲染一个模板。 我怎样才能

回答 1 投票 0

折线图未显示,被视为柱形数据的一部分

我对 HighCharts 非常陌生,我决定今年夏天用它来制作一些图表。 正如标题中提到的,我想制作一个带有堆叠柱和线(或样条线)的组合图表。

回答 1 投票 0

如何在映射元素上声明类型?

我在映射元素的类名上遇到错误。我相信 TS 抛出错误是因为地图的子项 (MenuItem) 没有 className 类型。请参阅下面的错误。 映射的元素...

回答 1 投票 0

用于捕捉照片的网络摄像头视频流不起作用

我正在尝试访问网络摄像头并显示视频流以捕获照片。我什至没有获得相机访问的同意,即弹出消息。我搜索了很多,但找不到任何东西。 是...

回答 1 投票 0

如何在浏览器开发工具控制台加载 NPM 包?

这样做: const _ = 等待导入('https://unpkg.com/lodash') 给了我一个奇怪的对象,其中单个 Symbol(Symbol.toStringTag) 属性的值为“Module”。 注1:我知道这个技巧

回答 3 投票 0

未找到 Twilio 记录获取返回

在此处添加一些背景信息: 我有一个 google apps 脚本,当我在 Twilio Studio 中收到语音邮件时,它会通过电子邮件向我发送 Twilio 录音。基本上在我提示呼叫者录制语音邮件之后...

回答 1 投票 0

有状态 Widget 不接收从正在进行的 Widget | 传递给其构造函数的数据飞镖扑动

我花了大约 5 个小时调试两个小部件之间的连接,这两个小部件在接收数据的直通点停止运行。我对 Flutter 相当陌生,这将是我非常......

回答 1 投票 0

无法在 React Native Expo 应用程序中显示 Tello Drone 镜头

我目前正在开发一个项目,我正在尝试将视频从 Tello 无人机流式传输到使用 React Native 和 Expo 构建的移动应用程序,我在我的应用程序上完成了 EAS Build on ...

回答 1 投票 0

如何使用chart.js 3.x绘制水平线?无法让它工作

目标 我想在我的 html 页面中使用 CDN 集成的 Chart.js 3.x 创建一个由三个水平线组成的图表,这些水平线覆盖我的实际数据集线。 所以,我没有自己的 Chart.js 安装...

回答 3 投票 0

即使使用 basePath 和 assetPrefix,将 NextJS 站点部署到 Gh-Pages 也不起作用

我有一个使用 next.js 构建的网站,可以在本地运行(代码:https://github.com/xpress-smoke-shop/website)。 我正在尝试将网站的静态 html 版本部署到域:https://xpress-smoke...

回答 1 投票 0

Swift:WKWebview JavaScript 执行返回了不支持类型的结果

我正在尝试将以下脚本注入到我的网络视图中: self.webView.evaluateJavaScript( ”“” const OldNotify = window.Notification; const new 否...

回答 1 投票 0

将函数传递给自定义反应钩子

之前,我使用的是这样的 graphql 查询。数据从查询返回,我使用 setShowFlatList 和返回的数据: const [loadUsers, { 数据 }] = useUsersLazyQuery({ onComp...

回答 2 投票 0

根据开始时间使用日期时间本地输入类型设置结束时间的最小值

我在表单上有一个开始日期/时间和结束日期/时间字段,使用 type="datetime-local" 我希望将结束日期/时间最小值设置为开始日期/时间值。 我可以设置最短日期...

回答 1 投票 0

同步历史数据等

我正在尝试检索格子帐户的所有历史交易数据。我正在使用nodejs 我正在使用这个api https://sandbox.plaid.com/transactions/sync 我将光标发送为“&q...

回答 1 投票 0

ParamQuery ColModel 未正确显示

我想请求帮助来验证 ParamQuery 库的行为,我不确定与以下内容相关: 我正在尝试根据一年中的每一周实现一个 ColModel,这个 ColMod...

回答 1 投票 0

更改 WebRTC 流中的播放延迟

我正在尝试将实时媒体流(最终来自摄像机)从对等点 A 投射到对等点 B,并且我希望对等点 B 实时接收实时流,然后以增加的延迟重播它。不幸的是...

回答 2 投票 0

JavaScript 错误(未捕获的语法错误:意外的输入结束)

我有一些 JavaScript 代码可以在 FireFox 中运行,但不能在 Chrome 或 IE 中运行。 在 Chrome JS 控制台中,我收到以下错误: “未捕获的语法错误:输入意外结束”。 JavaScript 协...

回答 12 投票 0

无法在 JavaScript 中使用 ConverseCommand 将图像发送到 Bedrock

我正在尝试使用 ConverseCommand 将图像上传到 AWS Bedrock 作为对话的一部分(在 @aws-sdk/client-bedrock-runtime v3.686 中)。根据文档,它需要字节a...

回答 1 投票 0

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