0

#submit-text-formjQuery カラーボックスで名前を付けたフォームを読み込もうとしています。ただし、colorbox は、元のリンクが対象としているページ全体を読み込むことになります。ここの指示に従いましたが、まだページ全体を読み込んでいます。私が間違っている可能性があることについてのアイデアはありますか?

$(function(){
$('#submit-link').colorbox({
opacity: 0.3,
transition: 'fade',
href: $("#submit-link").attr('href') + "#submit-text-form",
});
});
4

2 に答える 2

1

これを試して：

$(function(){
$('#submit-link').colorbox({
opacity: 0.3,
transition: 'fade',
href: $("#submit-link").attr('href') + " #submit-text-form",
});
})

selector の前にスペースが必要" #submit-text-formです。Colorbox は ajax 処理に jQuery の load() メソッドを使用するため、同じように機能します。

于 2012-12-12T06:04:53.197 に答える
0

カラーボックスに表示されるはずのページをブラウザから直接開くと、内部のページのみが表示されます。そうでない場合でも、ページ全体をロードしてその一部を表示し、ajaxでデータを取得し、成功した場合はDOMセレクターで必要な部分を取得し、それをカラーボックス内に表示する必要があります。

このような：

$.get($("#submit-link").attr('href'), 
    function(response) {
        //Load the AJAX response into a jQuery variable
        var $html = $(response);
        //Get the portion which you need to show inside the colorbox
        $html.find('#submit-text-form').colorbox({ opacity: 0.3, transition: 'fade');
        //Append it to body. (I didn't use colorbox before.)
        $('body').append($html);
});

注：私はそれをテストしませんでした、私は以前にカラーボックスを使用しませんでした、しかしこれはあなたが私が思う方法です。

于 2012-12-11T07:06:54.933 に答える