0

設定した高さ（600px）よりも高いコンテンツを（AJAX経由で）ロードしたときにスクロールペインが機能するように、 jScrollPaneプラグインをjqModalウィンドウに追加しようとしています。問題は、期待される結果が初めて発生することです。TESTリンクへの後続の各要求は、jqModalウィンドウにデータをロードしますが、jScrollPaneはロードされませんが、何かがうまくいかなかったというエラーや警告はありません。だから....ここにいくつかのコードがあります：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>test</title>
        <link rel="stylesheet" media="screen" type="text/css" href="/css/jqmodal.css" />
        <link rel="stylesheet" media="screen" type="text/css" href="/css/jquery.jscrollpane.css" />
        <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="/js/jqmodal.js"></script>
        <script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
        <script type="text/javascript" src="/js/mwheelIntent.js"></script>
        <script type="text/javascript" src="/js/jquery.jscrollpane.min.js"></script>
        <script type="text/javascript">
            $('document').ready(function() {
                var myShow = function(hash){ hash.w.fadeIn('2000',function(){ hash.o.show(); }); };
                var myHide = function(hash){ hash.w.fadeOut('2000',function(){ hash.o.remove(); $('#loading').show(); }); };
                var myLoad = function(){ $('#loading').hide(); $('#window_content').jScrollPane({showArrows: true}); };
                $('#window').jqm({
                    modal: false,
                    trigger: '.link',
                    target: '#window_content',
                    ajax: '@href',
                    onShow: myShow,
                    onHide: myHide,
                    onLoad: myLoad
                });
            });
        </script>
    </head>
    <body>
        <div id="window" class="jqmWindow">
            <a href="#" class="jqmClose">Close</a>
            <div id="loading">Loading...</div>
            <div id="window_content"></div>
        </div>
        <a class="link" href="test.php">TEST</a>
    </body>
</html>

そして、test.phpは単に以下で構成されています：

<div>This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data. This is some test data.</div>

stackoverflowのユーザーを助けてください。あなたは私の唯一の希望です。

4

1 に答える 1

1

ああ、ハァッ！投稿する必要がなかったはずのドキュメントをもっと早く見つけただけでした。似たようなことを経験したことがある人のために。最初にドキュメントを読んでください！笑しかし、この例では、ここに解決策があります。myHide関数に、次を追加する必要がありました。

$('#window_content').jScrollPane().data().jsp.destroy();

後続の呼び出しで適切に再初期化されるようにします。もう一度ありがとう！どういたしまして、でもまた...最初にドキュメントを読んでください！：P（ドキュメント|破棄）

于 2011-12-19T19:53:58.007 に答える