0

希望有人能看到我的错误。如果你看一下我的测试页，可能最简单

请注意<div id="ajax" style="background-color:red">
单击.menu {position:fixed;}元素时内容的变化。

奇怪的是，只有一个（Home）改变了其他的（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 给出的“在内容 div 之前插入了一些空格”。奇怪的是，某些事情是由于include "file.php";在 home.php 中调用PHP 引起的。
我认为另一个问题是合适的，所以我稍后会在此处发布链接。
谢谢所有
后续问题在这里

4

1 回答 1

1

您的成功功能正在替换您的内容：

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

和：

<div id="ajax" style="background-color:red">阿贾克斯内容</div>

'content' 类具有 CSS：.content {margin:auto; background-color:#eee; border-radius:15px; border:3px solid black; padding:.5em;}随着 ajax 成功而被删除。

只需<div class="content"></div>从您的页面中删除或修改成功功能以使用以下内容替换第一个内容div：success: function(result) { $("#ajax div:first").html(result); },...

于 2013-04-22T02:49:26.180 回答