0

これは私を夢中にさせています。私のサイトのすべてのカラーボックスはうまく機能しています。しかし、内部にGoogleマップがあるものを開こうとすると、2つ以上のマップが表示されます!! API マップと iframe 埋め込みマップの両方を試しました。

サイトで他のカラーボックスを最初に開くと、Google マップが何度も繰り返されることがあります。

何もせずにマップを開くと、カラーボックスが 2 つのマップで開きます。それは私を狂わせています！

これは、カラーボックスを開くために使用している特定のコードです。

        $(document).on('click', '.btn_map', function (e) {
            var salonId = $(e.currentTarget).attr('id').substr(4);
            $.colorbox({
                width:"715px",
                height:"568px",
                title:false,
                iframe:true,
                open:true,
                href:"content/map.php?id="+salonId
            });
            return false;
        });

ユーザーへの他の質問を読みました href:this.href

しかし、それを試してみると、カラーボックスが開き始め、突然新しいページとして読み込まれます。

問題のサイトは次のとおりです。

http://testing.fyrastudio.com/lab/gaf/angarano/

面倒なカラーボックスに到達するには、SALONI に移動し、REGIONE と CITTA を選択して INVIA をクリックする必要があります。テーブルにデータが入力されると、各行の最後に「vedi mappa」というリンクが表示されます。それはカラーボックスを開きます。

ああ、私はほとんど忘れていました。ここで単独でマップを開くと:

http://testing.fyrastudio.com/lab/gaf/angarano/content/map.php?id=1

完全に機能しているので、問題はないと思います。

jQuery は 1.9.1 カラーボックスは 1.4.3

なのでどちらも最新だと思います。

どんな種類の助けにも感謝します。ありがとう！！

4

1 に答える 1

0

クリック ハンドラが 2 回アタッチされているようです。どこで発生するかはわかりませんが、以前にアタッチされたクリック ハンドラーを削除することで、これを回避することができます。

$(document).off('click', '.btn_map')
  .on('click', '.btn_map', function (e) {/*your code*/});
于 2013-03-06T09:16:37.527 に答える