2017-09-29 9 views
0

アコーディオンとタブの切り替えにjsを使用するページをコーディングしていますが、ios 9では表示されません。デスクトップ上やiOS 10を使用している私のipad上でうまく動作します。助けてください!jsはios 10では動作しますが9では動作しませんか?

これは私のスクリプトです:

<script> \t  
 
    $(document).ready(() => { 
 
\t 
 
     $('[data-accordion]').each((i, val) => { 
 
      const acc = $(val); 
 
      const id = acc.data('accordion'); 
 

 
      acc.append('<span class="pull-right glyphicon glyphicon-plus" data-icon></span>'); 
 

 
      acc.on('click',() => { 
 
       const el = $(`#${id}`); 
 
       el.toggle(); 
 
       acc.find('[data-icon]').toggleClass('glyphicon-plus').toggleClass('glyphicon-minus'); 
 
      }); 
 
     }); 
 

 
     $('[data-page]').each((i, val) => { 
 
      const page = $(val); 
 
      const id = page.data('page'); 
 

 
      page.on('click',() => { 
 
       const el = $(`#${id}`); 
 
       $('.activeb[data-page]').each((i, val) => { 
 
        const activebPage = $(val); 
 
        const activebId = activebPage.data('page'); 
 
        const activebElement = $(`#${activebId}`); 
 
        activebPage.removeClass('activeb'); 
 
        activebElement.hide(); 
 
       }); 
 
       el.show(); 
 

 
       page.addClass('activeb'); 
 
      }); 
 
     }); 
 
    }); 
 
</script>

私はカーソル持っている:ポインタ;しかし何も。

答えて

4

iOS 9 SafariまたはChromeを使用しているとします。 iOS 9 Safari/Chrome don't support arrow functions iOS 10 Safari/Chrome do。

あなたの矢印機能は矢印機能を必要としないので、以前のバージョンのiOSをサポートするには、function機能で置き換えてください。例えば、その上

$(document).ready(function() { 

$(document).ready(() => { 

を交換...と。

+0

ありがとうございますが、うまくいきませんでした。 – josie

+0

@josie:テンプレートリテラルも使用しています。これはIE11 *でもサポートしていません。 –

関連する問題