ホームページ > 記事 > ウェブフロントエンド > 無効な jQuery デリゲート イベント監視の解決策
WeChat の開発中に、jQuery のデリゲートによってバインドされた イベントの応答しない監視に対する解決策を見つけました。
フロントエンドの子供たちは、次の構造の元のコード
<a href="ssss"> <p>sssss</p> <p>dddddd</p> </a>
を
<div data-href="ssss"> <p>ssssss</p> <p>dddddd</p> </div>
に変更しました。コンテンツの非同期読み込みが含まれるため、次のコードはタグの機能を実装するために使用されます
$(document).delegate('[data-href]', 'click', function () { if ($(this).data('href')) { location.href = $(this).data('href'); } });
PC ブラウザでは問題ありませんでしたが、iPhone 6 に付属のブラウザを開くと失敗してしまいました。
最終的にスタック上で解決策を見つけましたオーバーフロー、現在は次のように記録されています:
On iOS there is no event bubbling without a cursor style. So in your CSS you need to add cursor: pointer; to the element.
CSSコンテンツを追加
*[data-href]{cursor: pointer; }
以上が無効な jQuery デリゲート イベント監視の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。