2

テーブルをスクロールしている間、stickyTableHeader を使用してテーブル ヘッダーを静的にしようとしていますが、何らかの理由で機能しません。stickyTableHeadersからコードを配置しました

ファイルの先頭にあるjsファイルに入力し$(function(){ $("table").stickyTableHeaders(); });ますが、何らかの理由で私のテーブルには何も起こりません。index.html で初期化しましたが、<script src="pathtofile"></script>それが正しいことはわかっています。何か助けはありますか？

テーブルのデータをangularで動的にロードしているので、テーブル自体のjqueryの初期化と競合する可能性がありますか? 同様に、jqueryはテーブルがそこにあるかどうかを知りませんか? （ボディを呼び出すために使用する別のhtmlファイルには、テーブル構造が含まれていますが、データはAngular呼び出しからのものです.

注：テーブルヘッダーの幅も変更されますが、その理由がわかりません。

4

3 に答える 3

2

おそらくangularがコンテンツをロードする前に、への呼び出し$("table").stickyTableHeaders();が早すぎるようです。また、stickyTableHeaders プラグインを詳しく調べると、クリック イベントが委任用に設定されていないように見えるため、ブラウザが最初にロードしたときにページにあった html しか検出されません。機能させるには、カスタマイズする必要がある場合があります。

于 2013-03-19T21:12:01.157 に答える
1

これを使って：

    <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-table-headers/0.1.24/js/jquery.stickytableheaders.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-table-headers/0.1.24/js/jquery.stickytableheaders.min.js"></script>
   <script type="text/javascript" src="http://example.com/js/jquery.sticky.js"></script>
于 2018-11-03T07:07:37.560 に答える