'View All'ブートストラップタブでデータテーブルとハイチャート機能が動作しない

Question

ブートストラップタブを使用して、異なるチャートと表データを画面に表示しています。 11個のタブと、ユーザーが一度に11のコンテンツを見ることができるように作成した「すべて表示」タブがあります。

各テーブルにはアンカータグがあり、クリックするとモーダルポップアップがトリガーされます。 CSSのスタイルはマウスをポインタに変えます。さらに、チャートはハイチャートでレンダリングされるため、グラフのさまざまなセクションにカーソルを合わせると、その特定のセクションの特定のカウントまたは金額が表示されます。

私は次のセレクタを持っている「すべて表示]タブを選択したときに問題が発生する：

href="div[id^='tab_']" 

成功し、うまく11個の各セクションのためのすべてのdivを検索し、表示するBUT私はdatattables内の何かをクリックすることはできません、テーブル上のホバースタイリングは動作しませんもハイチャートの機能のいずれか。

個々のタブに戻ると、すべてが正常に動作します。

エラーはありません。動作が異なる可能性があり、一貫しているかどうかを確認するために3つのブラウザすべてで試しました。

tab_cbのタブ内容div内で何かを選択しようとすると、奇妙なことにf12を使用していますが、選択できないdivが表示されます。下のスクリーンショットでは、私がtab_msにいることを示しています。

アイデアをいただければ幸いです。

ありがとうございました！

Answer 1

号は、divのCSSスタイリングに関連していました。動的な配置を持つクラスが使用されていました。すべてのコンテンツ部門で削除されると、すべてが再び動作するようになりました。