前提
https://github.com/avirtum/flashy
こちらのjQueryプラグインを利用して、リンククリックでLightboxのように画像の拡大、インライン情報の表示を行っています。通常の使い方では特に問題はありません。
発生している問題
リンクをクリックしてモーダルを表示します。そして、モーダルが開いた後の右上に「×」の閉じるボタンが表示されます。その部分をクリックするとモーダルは閉じるのですが、×ボタンのモーダルの下に別のリンクがある場合は、閉じた直後に新しいモーダルが表示されてしまい、永遠とモーダルを閉じることが出来なくなります。
試したこと
モーダルを閉じる処理部分に「return false;」を入れてみましたが変わりませんでした。
Flashy.prototype = { ・・・・ ・・・ ・・ ・ _close: function() { this.controls.$overlay.remove(); this.$body.removeClass('flashy-active'); this._unbind(); if(this.currItem) { this.currItem.$el.focus(); } this.currItem = null; this.controls.$contentOuter = null; this.controls.$contentInner = null; this.controls.$content = null; this._hideGalleryNavigation(); return false; // ←追加 }, ・ ・・ ・・・ ・・・・ }
どうにかして、閉じた後に再度モーダルが開く処理を止めることは出来ないでしょうか。
識者の方よろしくお願いします。
あなたの回答
tips
プレビュー