更改 Div 样式的 Javascript 函数

Question

我有一个 javascript 脚本，它从一个 php 文件中获取通知数量，然后将该数字显示到代码中的一个 div 中。

<script>
//DISPLAY NUMBER OF UNREAD NOTIFICATIONS AND UPDATE EVERY 5 SECONDS
window.setInterval(function(){

   $("#notes_number").load("getnumber.php");

}, 5000);

//WHEN THE BUTTON IS PRESSED THIS HAPPENS
function toggleDiv(divId) {
   $("#"+divId).show();
//GET THE NOTIFICATIONS 
$(document).ready(function(){
   $("#myContent").load("getnotes.php?page=<? echo $page; ?>");
});

//RESET THE NUMBER OF UNREAD NOTIFICATIONS
$(document).ready(function(){
   $("#notes_number").load("getnumber.php");
});


}

</script>

<div id='notes_number'> </div>

数字位于钟形图标中，当数字超过 9 时，它会偏离中心。我想将其设置为 <div id='notes_number' style='right: 30px;'></div>每当数字超过 9 时。

我遇到的问题是我不知道如何将数字放入 php 变量中，所以我可以像这样制作 if else 语句:

if ($thenumber <= "9") {
echo "<div id='notes_number'> </div>";
}
else {
echo "<div id='notes_number' style='right: 30px;'></div>";
}

最近使用的代码:

window.setInterval(function(){
    $("#notes_number").load("getnumber.php");

    var value = parseInt($('#notes_number').text());

    if(value > 9){
    $('#notes_number').css('right','30px');
    }
}, 5000);

Answer 1

在 bell 里面的 html 总是只放 <div id='notes_number'></div>然后你可以在你的javascript中加载数字并通过jquery添加样式(如果数字超过9)像这样:$('#notes_number').css('right','30px');