0

Web サイトに Simplemodal を実装しようとしています。単純なテキスト ボックスは非常に簡単に作成できますが、AJAX を使用して別のページを表示する方法が見つかりません。私は Jquery についてほとんど知識がなく、その方法に関するドキュメントもありません。誰か助けてもらえますか? ありがとう。

これは、Simple Modal ボックスのデフォルト コードです。

jQuery(function ($) {
$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();

      return false;
});});

これは、AJAX で動作する Simple Modal 連絡フォームから取ったコードです。微調整してみましたが、構造がよくわかりません。私が言ったように、私はJqueryに全く慣れていません。

                $.get("data/contact.php", function(data){
                // create a modal dialog with the data
                $(data).modal({
                    closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                    position: ["15%",],
                    overlayId: 'contact-overlay',
                    containerId: 'contact-container',
                    onOpen: contact.open,
                    onShow: contact.show,
                    onClose: contact.close
                });
            });
        });
4

2 に答える 2

1

ページの完全なコードがないと、問題が正確にわかりません。

このコードを変更してはどうですか：

$(data).modal({

することが ：

$('#basic-modal-content').modal({

この行の後:

$.get("data/contact.php", function(data){

この行の前:

$('#basic-modal-content').modal({

このコードを書きます:

$('#basic-modal-content').html(data);
于 2010-05-21T21:50:43.170 に答える
0

私はjQueryも初めてですが、「データ」はphpによってdiv、段落などとして提供されていた可能性がありますが、まだ存在していないため、あなたの方法は機能しないと思います。したがって、あなたはモーダル化できませんでした...と思います。

ただし、そのデータを非表示の div にロードしてモーダルにすることもできます。

$('#myDiv').html(データ); $('#myDiv').modal();

于 2011-01-30T02:46:00.177 に答える