JSで、外部ファイルを読み込んでコンテンツを表示する切り替えタブを制作しています。

参考サイトを元にいれこんだところ、IE11と古いipad(ios9.3.5)で動きませんでした。
古いipadは捨てるとして、なんとかIEで動くようにしたいと思います。

JSとIEの対策やajaxについて調べて試してみたもののうまくいかず、
原因となる箇所の目星もつけられず、少し焦っているのでこちらに質問させていただきました。

らんぼうな質問で申し訳ありませんが、対策がおわかりになる方いらっしゃいましたらお知恵を拝借できませんでしょうか。
よろしくお願いします。

【html】

html
1<div id="tab_wrapper">
2    <ul id="glossarytab">
3    　　<li class="glossarytab-item" data-tab="tab1.html">タブ1</li>
4   　　 <li class="glossarytab-item" data-tab="tab2.html">タブ2</li>
5   　　 <li class="glossarytab-item" data-tab="tab3.html">タブ3</li>
6    　　<li class="glossarytab-item" data-tab="tab4.html">タブ4</li>
7    </ul>
8</div>
9<div id="glossaryContents">
10<!-- コンテンツが読み込まれる場所-->
11</div><!--glossaryContents-->
12

【js】
こちらのscript.jsをまるっと使用させていただきました
https://blanks.site/post/post50.html

※
$.ajax(contentsPath,{
type: 'get',
の次に、cache: false,　を追加して
通信結果にキャッシュを残さないように対策してみましたが反応なし。

【その他】
読み込みコンテンツ用に、
tab1.html～tab4.htmlを用意

以上です。よろしくお願いします。

maisumakun

2019/04/10 05:39

開発用のサーバは、どのようなものを立てていますか？（Ajaxはローカルに対して呼ぶとブラウザによって挙動が違うので、ローカル開発でもサーバは必要です）

minichika

2019/04/10 05:48

そうなのですね。申し訳ありません、開発サーバの詳細がわからないのですが、本番環境でも試していますが動きません。（さくらサーバ、webcrow）

m.ts10806

2019/04/10 05:54

コードはマークダウンのcode機能を利用してご提示ください

minichika

2019/04/10 05:59

失礼しました。編集いたしました。

行動規範の内容に同意します

回答2件

ベストアンサー

カンマが余計なので取ってください。
これも IE での検証はしていないのでしょう。

JavaScript
1//$('#'+tabContentsId+'-next').slideDown(),                                      //contents2をスライドダウンで表示
2$('#'+tabContentsId+'-next').slideDown()

投稿2019/04/10 09:17

x_x

総合スコア13749

minichika

2019/04/11 00:47

カンマをとったところ、IEでも動きました‥！こんな単純なことでと驚くとともに、皆様に申し訳ない気持ちでいっぱいです‥。実はタイムリミットが近く、別のタブの実装をやりかけていましたが、こちらを使います。ほんとうにありがとうございました。

行動規範の内容に同意します

jQueryのバージョンを1.12でやっていますか？

javascript
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

その他なにか特殊な処理をしているならエラー箇所のわかるような情報提示が必要です

追記

一応、非同期処理がからむのでpromiseのpolyfillを読んでおいてください

javascript
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>