0

私は jquery プラグインを持っていますが、ページの読み込み時には機能しますが、php スクリプトと統合すると読み込まれないようです。パスを確認しましたが、成功しませんでした。ページが読み込まれたらすぐに、ウィンドウに onload を表示させたいのですが、head タグに入れたコードをチェックしてください。

<?php session_start(); ?>       
<!DOCTYPE html>
<html>

    <head>
        <title>SimpleModal Basic Modal Dialog</title>
        <meta name='author' content='Eric Martin'
        />
        <meta name='copyright' content='2012 - Eric Martin' />
        <link type='text/css' href='../css/demo.css' rel='stylesheet' media='screen'
        />
        <link type='text/css' href='../css/basic.css' rel='stylesheet' media='screen'
        />
        <script>
            window.onload = function () {
                $(document).ready(function () {
                    $('#basic-modal-content').modal();
                    return false;
                });
                $('#modalContentTest').modal({
                    onShow: function (dialog) {
                        var sm = this;
                        dialog.container.animate({
                            height: 300,
                            width: 300
                        }, 500, function () {
                            sm.setPosition();
                        });
                    }
                });

            };
        </script>
        <style>
            .noTitle .ui-dialog-titlebar {
                display:none;
            }
        </style>
    </head>

....ボディタグの間に私はphpスクリプトを持っています

4

1 に答える 1

0

あなたの問題は、window.onload と jquery $(document).ready の組み合わせにあると思います。

「ready」メソッドは、DOMContentLoaded イベントがトリガーされたときにトリガーされ (jQuery は、それをサポートしていないブラウザーでこれをシミュレートします)、window.onload は、すべての追加コンテンツ (css、画像) が読み込まれたときにトリガーされます。

したがって、「準備完了」イベントをバインドするまでに、イベントはすでにトリガーされており、再度トリガーされることはありません。

window.onload ラッパー関数を削除することをお勧めします。

            $('#modalContentTest').modal({
                onShow: function (dialog) {
                    var sm = this;
                    dialog.container.animate({
                        height: 300,
                        width: 300
                    }, 500, function () {
                        sm.setPosition();
                    });
                }
            });
           $(document).ready(function () {
                $('#basic-modal-content').modal();
                return false;
            });

この2つのイベントの詳細はこちら

私が持っている別の懸念は、宣言されたモーダル (#modalContentTest) の ID が、トリガーしようとしているもの (#basic-modal-content) と異なることです。

于 2012-11-13T09:41:25.123 に答える