我有一个 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);