1

CodeIgniter を使用しており、jQuery/AJAX を実装して、ページを更新せずにサイトでアクションを実行しようとしています。単純に Facebook の投稿やいいねボタンを配置するだけです。

これまでのところ、3 回のクリックごとにページをリロードすることを除いて、ジョブを完了する小さなスクリプトをまとめることができました。

アクションボタンをdivid 'post_'+ 投稿の dbで囲みましたid。

次に、投稿IDを保持するクリックされたリンクに値属性を追加し、クラスは似ています。

<div>
<h3>User Name</h3>
<p>Post Content</p>
<div id="post_3">
 <a href="#" class="like" value="3">Like</a>
<div>
</div> 



$(".like").click(function(event){
var post = $(this).attr("value");
     var mydv = "#post_"+post;

      $.ajax({
      type: "POST",
      url: 'localhost/like/'+post,
      success: function(response) {
      if (response == "Success")
        {
            $(mydv).load("localhost/newsfeed"+mydv);
          }
          else
          {
            alert("Error");
          }

        }
      });
     event.preventDefault();
  });

3回目のクリックでページがリロードされると、フィードバックやプロセスが起動されない単純なリロードです。

私は何か間違ったことをしているに違いありません。

4

3 に答える 3

0
  • event.preventDefault();イベント ハンドラー コードの先頭にコードを追加します。
  • また、コードを でラップしますdocument.ready。
  • また、jQuery がロードされていることを確認してください。
于 2013-08-27T12:36:55.857 に答える