如何保持我的文本在同一行与AJAX调用


How to keep my text on the same line with AJAX call?

我试图保持我的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 }

我的建议是采用第一个解决方案