2011-03-14 8 views
0

私は現在、以前のコメント機能を読み込もうとしています。私はajaxを使用しています。問題はonClickイベントを動作させようとしています。何か案は?過去のコメントを正しく読み込むには?

HTMLコード:

<div id="workroom_boxes_chatpast" align="center"> 
    <a href="javascript:void(0);" onClick="return getMessages();">Load older chats...</a> 
</div> 
<div id="chat_cleaner"></div> 
<div id="chatcontent" align="center">Loading...</div> 

スクリプト:

function getMessages(){ 
    $("#workroom_boxes_chatpast").html('<img src="{{ MEDIA_URL }}images/ui-anim_basic_16x16.gif"/>&nbsp; Loading...'); 

    $.ajax({ 
     url: "/recent/messages/{{ chat.key.id }}", 
     cache: false, 
     success: function(html){ 
      $("#chatcontent").html(html); 
      $("#workroom_boxes_chatpast").hide(); 
     } 
    }); 

    setTimeout('getMessages()', 4000); 
}); 
+0

インラインjavascriptではなくjQueryクリックトリガーを使用する必要があります。 –

+0

@Lekisあなたは私にjsfiddle.netの例を教えてもらえますか? –

+1

http://jsfiddle.net/LekisS/WX4VG/1/ :) –

答えて

0

暗闇の中でだけでショットが、そうではないん何も返さない$("#chatcontent").html(html);

+0

ここにキャッチは何ですか? –

+0

MSは 'd'プロパティで応答を返します:http://www.codeproject.com/KB/aspnet/Parsing-ClientScript-JSON.aspx –

+0

Jakubが言ったように...あなたの質問はどのような問題が発生しているのか(具体的には)、実際に何が間違っているのかは分かりません。 – FarligOpptreden

0

getMessages$("#chatcontent").html(html.d);に機能を変更しますreturn getMessages()onclickに書きます。いくつかのブラウザでのジャンプを防ぐために、

onclick="getMessages(); return false;" 

と書くことをおすすめします。

0
var status="notloaded"; 

function getMessages(){ 

    $('#loading').hide();   

    if(status == "notloaded") 
    { 
     var myurl = "/recent/messages/id/10/status/notloaded" 
     /** 
     load older message 
     **/ 
     status = "loaded" 
    } 
    else{ 
     var myurl = "/recent/messages/id/10/status/loaded" 
     /** 
     do not load older message 
     **/ 
    }  

    $.ajax({ 
     url: myurl, 
     /** 
     Load new message 
     **/ 
     cache: false, 
     success: function(html){ 

      $('#loading').hide(); 
      $("#workroom_boxes_chatpast").hide(); 

     } 
    }); 

    setTimeout('getMessages()', 4000); 
}); 
関連する問題