Question

我正在尝试将我的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);
 });

Answer 1

这与PHP无关，但与HTML的绝对可怕标记和缺少CSS有关。您将要在div或两个内部包含所有这些“自由文本”，然后确保将wrapper div放在infobar div内{1}} #infobar p{ float: left; margin-left: 5px; }

示例CSS：

<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>

HTML：

{{1}}

Answer 2

因为ajax调用返回一个div元素，

这样：

<div id="count"> 0 / 10</div>

由于div是块元素，因此它将始终以新行呈现。这个

有两种解决方案

一个是返回<span>元素而不是div

如果您无法更改返回值，则可以通过css

修复它

#servercount #count { display : inline }

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

如何使用AJAX调用将文本保持在同一行？

2 个答案: