誰かが私を助けてくれるのではないかと思います。
このギャラリーページをまとめました。
各画像の下にあるアイコンを使用して、ユーザーは必要な画像を削除できます。画像をすぐに削除するのではなく、モーダル確認ダイアログボックスを実装しようとしているので、ユーザーは削除をキャンセルすることができます。
onlickイベントを機能させることはできますが、画像を削除するかどうかをユーザーに尋ねるテキストをクリックすると、ダイアログボックスに表示されなくなります。
ページの読み込み時にページの上部にダイアログボックスのテキストが表示されるという問題がありました。これを克服するために、私は以下を使用しました:
これを防ぐために、以下を追加してみました。
.hide{ display: none !important; }
<div id="dialog-confirm" class="hide" title="Delete This Image?">
したがって、この問題が原因である可能性が高いことはわかっていますが、両方の問題を解決する方法がわかりません。
誰かがこれを見て、どこが間違っているのか教えてくれないかと思っただけです。
よろしくお願いします