0

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

3 回答 3

2

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

于 2013-09-19T16:25:04.150 回答
0

这可以在 JavaScript 层中解决。不要使用 using .load,而是尝试使用 using.get来检查值,然后相应地分配样式。

window.setInterval(function(){

    $.get("getnumber.php", function(data) {

        $("#notes_number").val(parseInt(data,10));

        if(parseInt(data,10) > 9) {
            $("#notes_number").css('right','30px');
        } else {
            $("#notes_number").css('right','0');
        }

    });

}, 5000);
于 2013-09-19T16:27:00.660 回答
0

您可以使用相同的标记,以便:

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

然后在您的 jquery 中,您可以获取值:

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

如果超过 9,则添加一个类

if(value > 9){
    $('#notes_number').addClass('largeNumber');
}

并让 CSS 处理样式,而不是通过 JS 使用内联样式:

.largeNumber{
    right: 30px;
}
于 2013-09-19T16:33:13.823 回答