0

誰かが私のエラーを見ることができることを願っています。私のテストページを見ると、おそらく最も簡単です

要素 <div id="ajax" style="background-color:red">
をクリックすると、その中のコンテンツが移動することに注意してください。.menu {position:fixed;}

1 つ (ホーム) だけが他のもの (Prog、Jet、Wind、Mesonet、Disc、Rad/Sat) をシフトしないのは奇妙です

ajax が呼び出す PHP は、次のようにすべてのページで同様の形式です。 

<?php  
// do php stuff
echo <<<HTML
<div class="content">
<!-- html stuff -->
</div>
HTML;

それがPHPまたはCSSの問題であるかどうかはわかりません。私が試したことは何もありません。
あなたのアイデアに感謝します...ありがとう

編集：ajaxを追加 

var options = {
        success: function(result) { $("#ajax").html(result); }, 
        beforeSend: function() {},
        url: file,  
        type: "post"
            };  
$.ajax(options);

編集: 解決済み
私の質問に対する答えは、Explosion Pills から提供された「何かが content div の前に空白を挿入している」です。不思議なことに、home.php 内で PHPinclude "file.php";が呼び出されていることが原因
です。別の質問が適切だと思いますので、後でここにリンクを掲載します。
ありがとう すべての
フォローアップの質問はこちら

4

1 に答える 1

1

あなたの成功関数はあなたのコンテンツを置き換えています:

<div id="ajax" style="background-color:red"><div class="content"></div></div>

と：

<div id="ajax" style="background-color:red">Ajax コンテンツ</div>

クラス「コンテンツ」には CSS.content {margin:auto; background-color:#eee; border-radius:15px; border:3px solid black; padding:.5em;}があります。これは ajax の成功で削除されます。

ページから削除するか、成功関数を変更して、次のようなものを使用し<div class="content"></div>て最初のコンテンツを置き換えます...divsuccess: function(result) { $("#ajax div:first").html(result); },

于 2013-04-22T02:49:26.180 に答える