Question

我正在创建一个带有“英语”和“西班牙语”选项的下拉菜单，以动态更改语言，我希望它首先以英语出现。

<html>
<body>
  <div class="content" id="espa" style="display:none;">    
                            <div class="item featured text-center">
                                <div class="featured-blocks" style="padding-bottom: 0px;">
                            </div>
                      <div class="row-fluid" style="padding-right: 30px;padding-left:30px; padding-top:10px; padding-bottom:0px;">
                           <section id="Process" class="text-left">
                                <div class="row">
                                    <h2>La IA de DeepMind supera al mejor jugador de Go del mundo en el último enfrentamiento</h2>
                                    <div>
                                     <img style="float:left;margin-right:10px; width:55px; height:70px" alt="" src="../img/Smsgr1.png">
                                </div>
                                <div class="centrar">
                                    <ul id="inputUL" style="disc">
                                           <li>AlphaGo está en eso otra vez. La IA de Google DeepMind Go-playing ha derrotado a Ke Jie, el jugador número uno del mundo, en el primero de los tres juegos jugados en Wuzhen, China.</li>
                                    </ul>
                                </div>
                           </section>
                      </div>
  </div>
  <div class="content" id="ingles" style="display:none;">    
                            <div class="item featured text-center">
                                <div class="featured-blocks" style="padding-bottom: 0px;">
                            </div>
                      <div class="row-fluid" style="padding-right: 30px;padding-left:30px; padding-top:10px; padding-bottom:0px;">
                           <section id="Process" class="text-left">
                            <div class="row">
                                 <h2>La IA de DeepMind supera al mejor jugador de Go del mundo en el último enfrentamiento</h2>
                                 <div>
                                     <img style="float:left;margin-right:10px; width:55px; height:70px" alt="" src="../img/Smsgr1.png">
                            </div>
                                  <div class="centrar">
                                    <ul id="inputUL" style="disc">
                                           <li>AlphaGo está en eso otra vez. La IA de Google DeepMind Go-playing ha derrotado a Ke Jie, el jugador número uno del mundo, en el primero de los tres juegos jugados en Wuzhen, China.</li>
                                     </ul>
                                  </div>
                           </section>
                      </div>
  </div> 
  </body>
  </html>

   <script>
        $( document ).ready(function() {
            var lang = sessionStorage.getItem('languaje');
            //alert(lang);
            if(lang == "espa"){
                $("#espa").show();
            }
            else if(lang == "ingles"){
                $( "#ingles").show();
            }
        });
   </script>

用于验证语言的Js文件

function checkSession(){

    if( sessionStorage.getItem('languaje') == null ){
        sessionStorage.setItem('languaje',"ingles")

    }else{
        $('#dropLanguaje').val(sessionStorage.getItem('languaje'));
    }
}

$('#dropLanguaje').on('change', function() {
      sessionStorage.setItem('languaje',this.value)
      location.reload();

 })

这是下拉列表的html代码

 <div class="section" style="padding-top:15%;">
        <div class="section-inner">                                                                     <div class="content">           
    <ul class="list-unstyled" style="padding-left:178px;">                                              <nav id="menu_gral">
          <select name="selectIdioma" id="dropLanguaje">
                <option value="espa">Español</option> 
                <option value="ingles">English</option>
            </select>                                                  
    </nav>                                          
        </ul><!--list-unstyled-->               
        </div><!--//content--> 
        </div><!--//section-inner-->                 
        </div><!--//section-->

我希望在进入页面时，我首先看到的是英文文本，但不是那样，它首先显示为空，没有任何文本，仅带下拉菜单，然后选择两者中的任意一个语言，如果我已经出现的话。

如何初始化会话变量？

0 个答案: