null ブートストラップのプロパティ 'querySelectorAll' を読み取ることができません。質問する

null ブートストラップのプロパティ 'querySelectorAll' を読み取ることができません。質問する

私はブートストラップの折りたたみ用の PHP コードを書いていますが、エラーが発生しています。null のプロパティ 'querySelectorAll' を読み取ることができません。この単純な問題に本当に多くの時間を費やしています。PHP なしで実行すると、エラーなしで正常に動作します。エラーは次のとおりです。

Uncaught TypeError: Cannot read property 'querySelectorAll' of null
at a.t._getParent (collapse.js:300)
at new a (collapse.js:88)
at HTMLDivElement.<anonymous> (collapse.js:345)
at Function.each (jquery.js:368)
at jQuery.fn.init.each (jquery.js:157)
at jQuery.fn.init.a._jQueryInterface [as collapse] (collapse.js:331)
at HTMLDivElement.<anonymous> (collapse.js:378)
at Function.each (jquery.js:368)
at jQuery.fn.init.each (jquery.js:157)
at HTMLButtonElement.<anonymous> (collapse.js:374)

これは私のPHPコードです

<div id="info-content" class="accordion" id="accordionExample">
                  <?
                    $faqs = get_field('faqs');
                    foreach ($faqs as $key => $value):
                  ?>
                  <div class="card">
                    <div class="card-header" id="headingOne<?=$key;?>">
                      <h5 class="mb-0">
                        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne<?=$key;?>" aria-expanded="true" aria-controls="collapseOne<?=$key;?>">
                          <?=$value['question'];?>
                        </button>
                      </h5>
                      <i class="fas fa-plus"></i>
                    </div>
                    <div id="collapseOne<?=$key;?>" class="collapse <?if($key==0):?>show<?endif;?>" aria-labelledby="headingOne<?=$key;?>" data-parent="#accordionExample">
                      <div class="card-body">
                        <?=$value['answer'];?>
                      </div>
                    </div>
                  </div>
                  <?endforeach;?>
                </div>

ベストアンサー1

これは、Bootstrap 4.1.1 または 2 から 4.1.3 への変更によるものです。

またはdata-parent="selector"であるべき whileを使用した場合にも同じエラーが発生します。data-parent="#selectorId"data-parent=".selectorClassName"

このエラーは以前は黙って無効になっていましたが、現在はこのコンソール エラーが表示されます。

おすすめ記事