0

私は最初の Ajax プロジェクトに取り組んでいますが、この問題の解決策が見つかりません:

これは私のAjaxコードです:

$(document).ready(function(){

var seite = $('div.ipadSeite');

$('a').on('click', function(e){
    var href = $(this).attr('href');

    seite.load( href );
    e.preventDefault(); 
});

});

これが index.php です。

....<div id="ipadHeader">
        <nav>
            <ul>
                <li>100% |=|</li>
                <li>
                    <?php 
                        echo date("h:i a");
                    ?> 
                </li>
                <li>TWT</li>
            </ul>
        </nav>
    </div>
    <div class="ipadSeite">
        <img src="../images/homescreen.png" id="homescreenImage" />
        <a href="seiten/1app.php"><div id="appIcon"><p>TWT</p></div></a>
    </div>
</div>....

最初にアプリケーションを起動すると、リンク: a href="seiten/1app.php が機能しています! だから、index.php に戻るためのホーム ボタンを作成しました。これは、「ホーム」に戻るために Ajax を介してロードされるファイルです。 :

    <img src="../images/homescreen.png" id="homescreenImage" />
<a href="informationen.php"><div id="appIcon"><p>TWT</p></div></a>

「ipadSeite」に同じコンテンツをロードするだけです。私の最初の質問: これは間違っていますよね? それはより簡単なはずですか？しかし、index.php にリンクすると、サイト全体 (ヘッダー、フッターなど) が読み込まれ、機能が壊れます。

2 番目の質問: 私のソリューションは機能しますが、もう一度ボタンをクリックすると、Ajax リクエストが作成されません。代わりに通常のリンクが開きますが、CSS はありません。私は本当にそれに対する解決策を見つけることができません。皆さんが私の問題と私の説明を理解してくれることを願っています。

どうもありがとうございました！ケビン

4

3 に答える 3

1

委任機能:

$(document).delegate('a','click',function(){//Write your function here})

「オン」私は非常に状況に応じて見つけます。'Delegate' と 'live' は両方とも、要素を非同期的に読み込む場合にうまく機能します。

ロバート

于 2012-06-15T15:20:07.127 に答える
0

私がざっと見てわかる限り、あなたは AJAX を使用しておらず、jQuery の機能を利用しているだけです。

正確に何をしようとしていますか？ユーザージャーニーとは何かを順を追って説明すると、誰かがあなたを助けることができると確信しています.

ロバート

[編集]

ホームページの特定のセクションにアクセスしてみましたか:

<script>
  $("#new-nav").load("/ #jq-footerNavigation li");
</script>

上記のコードは、ホームページ「/」からデータを取得し、それを「#new-nav」要素にロードすることを示しています

あなたの場合、それは .load('/ .ipadSeite' ) でなければなりません

于 2012-06-15T14:31:32.547 に答える
0

最初に、idにある間にクラスごとにdivを参照していると思います

var seite = $('div.ipadSeite'); => var seite = $('#ipadSeite');

于 2012-06-15T14:31:53.587 に答える