0

PHPファイルから通知の数を取得し、その数をコードのdivに表示するJavaScriptスクリプトがあります。

<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

0

同じマークアップを次のように使用できます。

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

次に、jquery で値を取得できます。

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

9を超える場合はクラスを追加します

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

JS を介してインライン スタイルを使用するのではなく、CSS にスタイルを処理させます。

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