を使用するときは常に発生しませんイベントをクリックしますonClickイベントが常に発生するとは限りません。より正確には、約10%のケースで解雇されます。私がポップアップをキャンセルすると、それは動作します。 問題を解決することは可能ですか?リーフレット:ポップアップが私はonclickのハンドラを持つ層を持っている
1
A
答えて
2
普通の問題は、"mouseover"
のイベント位置でマウスオーバーするとポップアップを開くことです。マーカーの場合、この位置はマーカーの座標で、マーカー全体をカバーするポップアップになります。そのため、マウスはマーカーから「取り出されます」。
ここでは、リスナーは"mouseout"
ではありません。そのため、この効果に気付かない場合があります。しかし、マウスはもはやあなたの元の層にはなくなりました(今あなたのポップアップにあります)。したがって、"click"
はあなたの層ではなくポップアップで起こります。
時々、あなたが誤って少しバック層の上にマウスを移動し、新しいポップアップが(何らかの理由で)まだ挿入されていない場合、それはまだ、仕事も
デモ:http://playground-leaflet.rhcloud.com/gusu/1/edit?html,output
2の回避策されています:
- "mouseover"正確な位置でマップ上で開く代わりに、元のレイヤーにポップアップをバインドするには。こうすると、マーカの上で開くか、パスの中央に表示されます。
- ポップアップの代わりにTooltipを使用すると、「マウスオーバー」に適しています。
例:http://playground-leaflet.rhcloud.com/zado/1/edit?html,output
関連する問題
- 1. スキップは、ユーザーが、私は1つのbeforeunloadハンドラを持っている
- 2. フォーム私は私のウェブサイト上の出口ポップアップを持ってポップアップ
- 3. は私がポップアップで問題を持っているアンドロイド
- 4. 私がボタンを持っているのonclick機能を
- 5. Javascriptのポップアップは、私は、フォームを持っている
- 6. 角2 QueryListのは、私が持つコンポーネントを持っている
- 7. 私は3つの列を持つファイルを持っている
- 8. onClickイベントハンドラは、私はボタンのリストを持っている
- 9. は、私がプロトタイプを持つ関数を持っている
- 10. は私がノードを持つ辞書を持っているnetworkx
- 11. ASP.netボタンのonclick私がボタンを持っている
- 12. は、私は2つのボタンを持っている二onclickの最初のボタン
- 13. JavaScriptがonclickの私がボタンを持っているWebページ(ASP.NET C#)を持っている
- 14. ジャンゴPOSTハンドラは、私はこのようなジャンゴPOSTハンドラを持って、私は
- 15. は私がシグネチャを持つメソッドを持っていスウィフト
- 16. へのアクセス階層型の関係は、私はこれらの構造を持つテーブルを持っている
- 17. はポップアップvalusを取得し、私はフォームの値を持つアプリを持っているアンドロイド
- 18. ASP.NET OnClick |私は基本的なフォームを持っている
- 19. は、私が持つホストファイル持っている特定のグループ
- 20. 私は、次のプロトタイプを持つ関数を持っている
- 21. は、WPF、私はプロパティを持つダイアログウィンドウを持っている
- 22. クエリ私はJSONフィールドを持つモデル持っているSQLAlchemyの
- 23. 私は2列を持つ1台持っているmysqlの
- 24. は、私は.TSファイルのポップアップ内のボタンを持つポップアップE2Eで
- 25. 私のMavenのモジュールは、私は次の階層を持っているJAR
- 26. OpenLayersをループ層が、私はそれを押したときに、私はマップ上の層を持って、私はボタン(ショー)を持って、OpenLayersをで
- 27. 私はNamedNativeQueryを持つエンティティ(StockKeepingUnit)を持っているNamedNativeQuery
- 28. 私は列を持つとテーブルを持っているMSSQL
- 29. は、私は私のデータ層のプロジェクトでポストビルドイベントを持っている
- 30. Javascriptが:私はこのコード(jqueryの)を持っているのonClick
は、あなたの答えをありがとうございました。あなたは私に正しい方向を与えました。ツールチップが静的ではないため、ユーザーの入力に応じて変更されるため、私はあなたの提案を正確に使用できません。また、私は、bindTooltipを含まない最新バージョンのleaflet.jsを使用していないことを理解しました。最後のバージョンにアップグレードすると、後で行うコードのいくつかの箇所で変更が要求されます。現在、私はポップアップの場所を各フィーチャーの中心に変更したので、ユーザーは中心から少し離れたところにあるフィーチャーをクリックすることができました。私はそれが理想的な解決策ではないことを理解しています、後でそれを変更するかもしれません。 – eug100