2009-08-21 22 views
0

私のメインページには、ajax呼び出しを行い、ページ全体の内容をページのDIVに読み込むjqueryコードがあります。秒jquery json結果の結果を表示するにはどうすればいいですか?

<!-- Auto update/look for NEW notifications --> 
<script type='text/javascript'> 
$(document).ready(function(){ 
    var updatenotification = function(){ 
      $('#notificationcontainer') 
       .load('/modules/member/home/notifications.inc.php') 
       .fadeIn("slow"); 
    }; 
    var auto_refresh = setInterval(function(){updatenotification();}, 5000); 
    updatenotification(); 
}); 
</script> 
<!-- ENDS HERE --> 


<div id="#notificationcontainer"></div> 

私はそれは私が代わりに私のnotification.inc.php出力JSON文字列を作りたいと思っています前後に少ないデータを送信するために、このかかわらを変更したいのです。 私はそれにこれらの値を持たせます。 1でマークされている2つの項目がある

ITEM2 = 1

item5 = 1

通知は、6つの項目の合計があるが、私は私のJSON文字列内のものを含むであろう私のメインページに表示する必要がありますjson文字列を読み取るコードを作成する1 jqueryはその項目をページ上に表示する必要があることを意味します これらの項目はすべてページ上に非表示に設定されます表示する必要があります、jqueryは、それを見えるようにすることができます。 も名前が、私はこれを行うことができますどのように彼らはすべての

<style type="text/css"> 
#item1{ 
    display:none; 
} 
#item2{ 
    display:none; 
} 
#item3{ 
    display:none; 
} 
#item4{ 
    display:none; 
} 
#item5{ 
    display:none; 
} 
#item6{ 
    display:none; 
} 
</style> 


<div id="notificationhead">Notifications</div> 
<div class="notificationlink" id="item1"><a href="">Testing 1</a></div> 
<div class="notificationlink" id="item2"><a href="">Testing 2</a></div> 
<div class="notificationlink" id="item3"><a href="">Testing 3</a></div> 
<div class="notificationlink" id="item4"><a href="">Testing 4</a></div> 
<div class="notificationlink" id="item5"><a href="">Testing 5</a></div> 
<div class="notificationlink" id="item6"><a href="">Testing 6</a></div> 

を変更されるだけで一般的なものですか?

答えて

1

ご質問の解決策ではなく、別のアドバイスをお願いします。表示したいdivに追加のクラス(「可視」など)を追加し、CSSをdisplay: blockに、display: nonenotificationlinkクラスに設定することで、少し単純化できます。各部門のIDを手動で設定するオーバーヘッドをなくすことができます。

HTMLでは複数のクラスが許可されているので、class="notificationlink visible first-child extended"のようなもので終わることがあります。完璧に有効です。

関連する問題