我试图保持我的ajax调用在同一行,详细说明如下:http://external.sidewaykill.com/versound/motd.php.
它不会,所以我能做什么?
$(document).ready(function() {
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='http://static.sidewaykill.com/img/ajax-loader2.gif' alt='loading...' />";
// load() functions
var loadUrl = "playercount.php?id=2";
$("#servercount").html(ajax_load).load(loadUrl);
});
这与PHP
无关,但与你的HTML绝对糟糕的标记和缺乏CSS
有关。你要把所有这些"自由文本"包裹在一个或两个div
中,然后确保你把wrapper
div
放在infobar
div
示例CSS:
#infobar p{
float: left;
margin-left: 5px;
}
HTML: <div id="infobar">
<div style="float: left;">
<p>Welcome! Our server count is:</p>
<p>1 / 10</p>
<p>We hope you enjoy your stay! We are currently playing on gm_construct.</p>
</div>
</div>
这是因为ajax调用返回一个div元素,
如下:
<div id="count"> 0 / 10</div>
由于div是块元素,它总是在新行中呈现。这个
有两种解决方案一种是返回<span>
元素而不是div
如果你无法改变返回值,你可以通过css
来修复它。#servercount #count { display : inline }
我的建议是采用第一个解决方案