jquery - 自动刷新 div 进入下一行

Question

我有一个使用 jquery 和 slim 框架的简单代码，这里是:

j查询:

var auto_refresh = setInterval(
function ()
{
$('#counter').load('/requests/autoloader').fadeIn("slow");
}, 5000);

/requests/autoloader 路由

$stat = 1;
$requests = $dbh->prepare("SELECT COUNT(*) FROM encashments WHERE status = ? ");
$requests->execute(array($stat));
$reqs = $requests->fetchColumn();
echo $reqs;

我的 html:

<li role="presentation"><a href="/user/admin/encashment/requests">Encashment Requests <div id="counter" style="color:red;"></div></a></li>

一切正常，但我想知道为什么 div 会移动到下一行？看起来像这样:

如您所见，该号码位于 Encashment Requests 链接下方，我希望它就在旁边。我该怎么做？谢谢。

Answer 1

尝试将 #counter css 属性 display 设置为 inline-block

#counter {
  display:inline-block;
}

<li role="presentation"><a href="/user/admin/encashment/requests">Encashment Requests <div id="counter" style="color:red;">3</div></a></li>