問題タブ [dynamic-data-list]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-chrome - 複数の動的 dataLists とクロム
Linux で chrome 58.0.3029.110 を実行すると、同様の問題が Windows で報告されました。
動的なデータ リスト (websocket を介して提供)。
複数の dataLists を持つページにアクセスしようとすると、dataLists のどれも入力されません。
当時、私が見つけたローカル ソリューションは、単純に人 1 から人 2 に切り替えることでした。
これで問題が解決したように見えますが、これは私のサイトを使用したいユーザーに配布できる正確なアドバイスではありません.
問題がどこにあるかを突き止めるのに数時間費やしましたが、そのページと壊れたプロファイルの下に datalist のインスタンスが 1 つしかないかどうかがわかりました。(別名Person 1)データリストは完全にうまく機能しているようです:
正常に動作し、上記のページ上のデータリストのいずれかに変更でき、すべて正常に動作します。
同じページで 2 番目の dataList を使い始めた瞬間:
どちらもコンテンツをロードしません。矢印は内容を示すためにいっぱいになり、html 内を見ると、ユーザー入力の一致結果で DOM が更新されています。
私が言うように、クロムプロファイルを変更することで問題が解決するので、これが明らかにコードではない原因について頭を悩ませているだけです。
洞察/修正情報は大歓迎です
PS プロセスはかなり複雑です。必要に応じてライブ サイトにいくつかのデモ ページを作成して目前の問題を示すことができます。実際の動作は複雑すぎてここにすべてを掲載できないと思うからです。