1

まず、javascript に関しては、私は完全な初心者です。私が扱っている問題は、おそらく非常に簡単に解決できます ;) テキスト コンテンツが外部の html ファイルから div に読み込まれる Web ページで作業しています。これは、ユーザーがメニュー項目をクリックしたときに行われます。次の js コードは外部ファイルから読み込まれ、問題なく動作します。

    $(document).ready(function(){
        var api = $('.scroll-pane').jScrollPane(
            {
                showArrows: false,
                維持位置: false
            }
        .data('jsp');              
        $('#start').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/start.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
        $('#nurkowani').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/nurkowanie.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );
        $('#noclegi').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/noclegi.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
        $('#dojazd').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/start.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
        $('#ガレリア').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/galeria.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
        $('#linki').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/linki.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
        $('#kontakt').bind(
            'クリック'、
            関数（）
            {
                api.getContentPane().load(
                    'texts/kontakt.html',
                    関数（）
                    {
                        api.reinitialise();
                    }
                );
                false を返します。
            }
        );  
    });

問題は、ページが初めて読み込まれるときです。クラス .scroll-pane の div に、「texts/start.html」からのコンテンツが読み込まれるようにします。これは、開始リンクをクリックしたときに得られるものです。現在、その div は空白です。私は次のようなコードで遊んでみました：

    $(document).ready(function(){
        $('.scroll-pane').load('texts/start.html');
    }

しかし、私はそれを機能させることができませんでした。誰かがそれを行う方法のヒントを教えてもらえますか?

前もってありがとうマット

4

2 に答える 2

1

あなたが行っていることがこれを行うための最良の方法であるかどうかはわかりませんが、次の方法を使用できます。

http://api.jquery.com/jQuery.get/

次のようなものです：

$.get("texts/start.html", function(data) {
  $(".scroll-pane').html(data);
})

したがって、jScrollPane を使用すると、クリック イベントごとに次のようなことができます。

$('#start').bind(
 'click',
 function()
 {
   $.get("texts/start.html", function(data) {
     api.getContentPane().html(data);
     api.reinitialise();
   });
   return false;
  }
);
于 2012-04-17T13:08:22.043 に答える
0

私はあなたが使用しているライブラリに精通していませんが、load() は jScrollPane オブジェクトの関数のようです。したがって、プレーンな div ではなく、その上で load を呼び出す必要があります。

代わりにこれを使用してみてください。

api.getContentPane().load(
                    'texts/start.html',
                    function()
                    {
                        api.reinitialise();
                    }
                );

APIを定義した後であることを確認してください。

于 2012-04-17T13:27:50.833 に答える