1

<a href="">hidden をターゲットとする があります<div>。非表示の HTML コンテンツをポップアップ モーダル ウィンドウにロードしていますが、リンクは常にホームページ (baseurl) を通過します。

http://coolicebox.petersenuploads.co.uk/product.php?xProd=2&xSec=5

[オプション] パネルのリンクを参照してください (他の色を参照)

cbox クラスがリンクに追加されていないように見えますが、実行されていない理由が一生わかりませんか? コードはそこにあり、呼び出されていますが、クラスが追加されていないため、リンクはサイトのルートに移動します。

何か案は？

どうもありがとう

4

3 に答える 3

1

とは思わない

$('.modal-inline').unbind('click').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});

実行中です。ブレークポイントを設定しましたが、停止しませんでした。

何らかの理由で、$('.model-inline')セレクターがカラーボックスにする要素を見つけられません。セレクターが既に実行された後、要素を動的に追加していますか?

Chrome コンソール ( Windows ではCtrl+ Shift+ ) にドロップして入力すると、j

$('.modal-inline').unbind('click').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});

リンクをクリックすると、機能します。

別の要因として、ページが有効でないことが考えられますが、無効なマークアップが原因でこのようなことが起こるのは見たことがありません。

于 2012-08-24T14:12:16.470 に答える
0

この要素は document.ready() の時点で HTML に含まれていましたが、前の「anything-slider」の呼び出しに問題がありました。それ以来、他のことをする前にスライダーが存在するかどうかを確認するために、次のようにコメントしました。今すぐ動作します。解決策ではなかったにもかかわらず、アンディの助けとアドバイスに感謝します.

$(document).ready(function () {
if($('#slider').length > 0) {
    $('#slider')
        .anythingSlider({
            navigationFormatter : function(index, panel){
                return ['Slab', 'Parking Lot', 'Drive', 'Glorius Dawn', 'Bjork?', 'Traffic Circle'][index - 1];
            },
            buildStartStop: false,
            buildNavigation: true,
            autoPlay: true
        })
        .anythingSliderFx({
            '.caption-top'    : [ 'caption-Top', '50px' ],
        })
}
//Add modal functionality where class is set
$('.modal-inline').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});
$('.modal-image').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:false});
$('.modal-image-square').colorbox({transition:'elastic', speed:500, width:'1000', height:'1000', inline:false});
});
于 2012-08-28T11:14:01.910 に答える
0

Chrome の DevTools を使用してサイトを見ると、@andyb の主張が確認されます。クラス 'modal-inline' のタグにイベント リスナーが関連付けられていません。

そのリンクで「バインド解除」メソッドを実行しているのはなぜですか? ColorBox は、独自のクリック イベント バインディングを処理します。

  • ケビン M.
于 2012-08-24T19:48:58.020 に答える