我想dir在页面加载后更改 HTML 属性;我怎样才能做到这一点?我需要使用该.ready()功能吗?目前它看起来像:
jQuery("html[lang=ar]").attr("dir", "rtl")
.find("body").addClass("right-to-left");
Run Code Online (Sandbox Code Playgroud)
我怎样才能把它写在脚本中?我需要写在.ready()函数中还是.load()?
<div class="header">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery("html").attr("dir", "rtl")?
</script>
Run Code Online (Sandbox Code Playgroud)
代码如下所示:
这是我的 CSS
body.right-to-left li {
float:right;
direction: rtl;
}
Run Code Online (Sandbox Code Playgroud) 所以我正在编辑一个标准 HTML 页面。头部的字符集设置为“utf-8”。使用CSS属性direction将span选择器上的方向设置为“rtl” (我也尝试过html dir属性)。我也尝试过一些阿拉伯语特定字体。
这就是正在发生的事情:

我使用什么浏览器并不重要。由于某种原因,阿拉伯文本的输出完全错误......或者是吗?字符串的某些部分看起来很相似,而其他部分则是错误的。
有什么想法如何让我的浏览器呈现我的客户端示例中所示的阿拉伯文本吗?
我目前正在致力于我们网站的从右到左布局的本地化。我们有每三位数字用单引号分隔的数字,例如-1'190.55。在 rtl 中,该数字应为 1'190.55-。但是当将“direction: rtl”添加到样式中时,数字变为 190.55'1-。这些数字是动态放置的,无法手动剪切。
HTML:
<div>-1'190.55</div>
CSS:
div {
direction: rtl
}
我试图让图像翻转可靠地工作,但我看到了一些问题。我在 Xcode 资产目录中管理我的图像,需要在 RTL 语言中翻转的图像已配置为“方向”属性设置为“从左到右,镜像”。在某些情况下,我有 2 个单独的资产,因为翻转是不够的。这些配置为“方向”属性设置为“两者”,并提供了两个单独的图像资产。所有图像都是启用了“保留矢量数据”的 PDF 资产。
只要我在 iOS 11 和 Xcode 9.2 上测试,这一切都很好。当我在 iOS 9 上测试时,问题就开始了。当我启动应用程序时,为 RTL 配置的图像不会显示,即使我没有使用 RTL 语言运行。
从 Xcode 9.3 开始,我似乎遇到了一个新问题。资产目录自动更新;RTL 图像被重新配置为“两者”方向,并对目录中的 json 文件进行了更改。选择“从左到右,镜子”不再起作用。
有没有人想出如何让它可靠地工作?还是我只是在查看 Xcode 中的最新错误和 iOS9 的一些旧问题?
[编辑] 进一步分析生成的 IPA 文件后,似乎 Assets.car 文件不包含 RTL 图像的 .png 文件。似乎它们没有生成(因为源文件是 PDF),所以这可以解释 iOS 9 中丢失的图像(不使用 PDF 图像)。
我有一个UICollectionView并且想要水平显示单元格,例如
在 English 中,它应该显示: | 单元格A | 细胞B | 细胞C |
在阿拉伯语中,它应该显示: [ cellC | 细胞B | 单元格A |
对于 RTL,UICollectionViewFlowLayout如果每个单元格的大小相同,默认情况下对我来说效果很好。但是,如果我collectionView:layout:sizeForItemAtIndexPath:为每个单元格实现并设置不同的宽度,则CollectionView将变为:
| 单元格A | 细胞B | 细胞C |
有没有什么办法解决这一问题?
我启用了本地化和全球化配置,需要在 RTL Culture 中添加 RTL 模式。我该怎么做?
将 ASP.Net Core 2.2 与 razor 页面和个人帐户配置一起使用
// Configuration Of Localizaion
services.AddLocalization(opts =>
{
opts.ResourcesPath = "CultureResources";
});
//services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
services.AddMvc()
.AddViewLocalization(opts => { opts.ResourcesPath = "CultureResources"; })
.AddViewLocalization(LanguageViewLocationExpanderFormat.Suffix)
.AddDataAnnotationsLocalization()
.SetCompatibilityVersion(CompatibilityVersion.Version_2_1)
.AddRazorPagesOptions(options =>
{
options.AllowAreas = true;
options.Conventions.AuthorizeAreaFolder("Identity", "/Account/Manage");
options.Conventions.AuthorizeAreaPage("Identity", "/Account/Logout");
});
services.Configure<RequestLocalizationOptions>(opt =>
{
var supportedCulutures = new List<CultureInfo>
{
new CultureInfo("en"),
new CultureInfo("en-US"),
new CultureInfo("ar-EG")
};
opt.DefaultRequestCulture = new RequestCulture("en-US");
// Formating numbers, date, etc.
opt.SupportedCultures = supportedCulutures;
// UI strings that we …Run Code Online (Sandbox Code Playgroud) 我是 REACT 的新手,我正在使用 React 创建一个应用程序,该应用程序将使用波斯语(从右到左的脚本,如阿拉伯语),并且我正在使用 Material UI 框架。问题是,我无法以 rtl 格式从 Material UI 获取组件。我遵循了以下步骤:
有人可以详细说明如何使用这个 jss-rtl,因为我是 REACTJS 的新手。
我附上了一个我想要的 rtl 格式的表格。
import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui/core/CssBaseline';
import TextField from '@material-ui/core/TextField';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import Checkbox from '@material-ui/core/Checkbox';
import Link from '@material-ui/core/Link';
import Grid from '@material-ui/core/Grid';
import Box from '@material-ui/core/Box';
import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
import Typography from '@material-ui/core/Typography'; …Run Code Online (Sandbox Code Playgroud)当我们的应用程序以从右到左的语言(例如希伯来语或阿拉伯语)运行时,SwiftUI 视图会自动将视图的位置从右到左翻转。其中一些观点非常有帮助,但某些观点不应该被推翻。
我们在视图上尝试了.flipsForRightToLeftLayoutDirection(false) ,但这并没有阻止它们在使用设置为希伯来语或阿拉伯语的方案运行时以不同的方式定位。
将不胜感激任何帮助。谢谢你!
Flutter 在使用 RTL(从右到左)TextField 时存在错误。如果我们点击(A),光标将停在B处,即文本末尾的前一个,并且我们无法编辑最后一个字符!我创建了这个问题,希望 Flutter 人们能够看到它并修复它

right-to-left ×10
ios ×3
localization ×3
arabic ×2
css ×2
html ×2
javascript ×2
android ×1
angular ×1
asp.net-core ×1
flutter ×1
jquery ×1
jquery-ui ×1
razor ×1
reactjs ×1
swiftui ×1
utf-8 ×1
xcode ×1