JavaScript(不要与Java混淆)是一种高级,动态,多范式,面向对象,基于原型的弱类型语言,用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题(不包括ActionScript和Google-Apps-Script)。
我正在制作一个语言切换器,但我需要根据屏幕尺寸更改其位置,因为在移动设备上它会超出屏幕。我怎样才能做到这一点? <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="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>
我正在制作我的第一个电子应用程序,我正在尝试实现错误处理。如果我写: 抛出新的错误('发生了一些事情') 出现一个大的、方便的错误警报模式。我想用这个...
我想动态显示我的CPU使用情况。 我不想重新加载页面来查看新值。 我知道如何在 Python 中获取 CPU 使用率。 现在我用该值渲染一个模板。 我怎样才能
我对 HighCharts 非常陌生,我决定今年夏天用它来制作一些图表。 正如标题中提到的,我想制作一个带有堆叠柱和线(或样条线)的组合图表。
我在映射元素的类名上遇到错误。我相信 TS 抛出错误是因为地图的子项 (MenuItem) 没有 className 类型。请参阅下面的错误。 映射的元素...
我正在尝试访问网络摄像头并显示视频流以捕获照片。我什至没有获得相机访问的同意,即弹出消息。我搜索了很多,但找不到任何东西。 是...
这样做: const _ = 等待导入('https://unpkg.com/lodash') 给了我一个奇怪的对象,其中单个 Symbol(Symbol.toStringTag) 属性的值为“Module”。 注1:我知道这个技巧
在此处添加一些背景信息: 我有一个 google apps 脚本,当我在 Twilio Studio 中收到语音邮件时,它会通过电子邮件向我发送 Twilio 录音。基本上在我提示呼叫者录制语音邮件之后...
有状态 Widget 不接收从正在进行的 Widget | 传递给其构造函数的数据飞镖扑动
我花了大约 5 个小时调试两个小部件之间的连接,这两个小部件在接收数据的直通点停止运行。我对 Flutter 相当陌生,这将是我非常......
无法在 React Native Expo 应用程序中显示 Tello Drone 镜头
我目前正在开发一个项目,我正在尝试将视频从 Tello 无人机流式传输到使用 React Native 和 Expo 构建的移动应用程序,我在我的应用程序上完成了 EAS Build on ...
目标 我想在我的 html 页面中使用 CDN 集成的 Chart.js 3.x 创建一个由三个水平线组成的图表,这些水平线覆盖我的实际数据集线。 所以,我没有自己的 Chart.js 安装...
即使使用 basePath 和 assetPrefix,将 NextJS 站点部署到 Gh-Pages 也不起作用
我有一个使用 next.js 构建的网站,可以在本地运行(代码:https://github.com/xpress-smoke-shop/website)。 我正在尝试将网站的静态 html 版本部署到域:https://xpress-smoke...
Swift:WKWebview JavaScript 执行返回了不支持类型的结果
我正在尝试将以下脚本注入到我的网络视图中: self.webView.evaluateJavaScript( ”“” const OldNotify = window.Notification; const new 否...
之前,我使用的是这样的 graphql 查询。数据从查询返回,我使用 setShowFlatList 和返回的数据: const [loadUsers, { 数据 }] = useUsersLazyQuery({ onComp...
我在表单上有一个开始日期/时间和结束日期/时间字段,使用 type="datetime-local" 我希望将结束日期/时间最小值设置为开始日期/时间值。 我可以设置最短日期...
我正在尝试检索格子帐户的所有历史交易数据。我正在使用nodejs 我正在使用这个api https://sandbox.plaid.com/transactions/sync 我将光标发送为“&q...
我想请求帮助来验证 ParamQuery 库的行为,我不确定与以下内容相关: 我正在尝试根据一年中的每一周实现一个 ColModel,这个 ColMod...
我正在尝试将实时媒体流(最终来自摄像机)从对等点 A 投射到对等点 B,并且我希望对等点 B 实时接收实时流,然后以增加的延迟重播它。不幸的是...
JavaScript 错误(未捕获的语法错误:意外的输入结束)
我有一些 JavaScript 代码可以在 FireFox 中运行,但不能在 Chrome 或 IE 中运行。 在 Chrome JS 控制台中,我收到以下错误: “未捕获的语法错误:输入意外结束”。 JavaScript 协...
无法在 JavaScript 中使用 ConverseCommand 将图像发送到 Bedrock
我正在尝试使用 ConverseCommand 将图像上传到 AWS Bedrock 作为对话的一部分(在 @aws-sdk/client-bedrock-runtime v3.686 中)。根据文档,它需要字节a...