Question

Hii我有一个简单的HTML页面，其页面顶部有菜单，内容和选项按钮，用于RTL和LTR方向，我希望用户可以使用按钮选项切换方向，有人可以提供简单的样本页面或教程我如何存档？

Answer 1

您可以通过在选项按钮单击上将类附加到HTML正文标记来完成此操作。

我使用了两个按钮/功能来改变页面方向。您可以使用单个按钮/功能并设置标志来识别页面方向

＆＃13;

function changeToLTR(){
  $('body').removeClass('direction-rtl').addClass('direction-ltr')
}

function changeToRTL(){
  $('body').removeClass('direction-ltr').addClass('direction-rtl');
}

＆＃13;

.menu {
  width : 100%;
  height: 50px;
  background-color: black;
  color: white;
}

.direction-ltr {
   direction: ltr; 
}

.direction-rtl {
   direction: rtl; 
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class='menu'>Menu</div>
<div class='options'>
<button onclick ='changeToRTL()'>Right to Left</button>
<button onclick ='changeToLTR()'>Left to Right</button>
<div>
<div class='content'>
<h2>Content</h2>
Loreum ipsum doler sit amet....
</div>

＆＃13;

RTL和LTR方向使用按钮

1 个答案: