2010-10-05 41 views
-1

我有這樣的jQuery代碼工作正常,但在最後的影像是不會改變到我這裏指定的SRC:更改jquery中的圖像?

的jQuery:

$(document).ready(function() { 
     $("a.vote_up").click(function(){ 
     //get the id 
     var the_id = $(this).attr('id'); 

     //the main ajax request 
     $.ajax({ 
      type: "POST", 
      data: "action=vote_up&id=" + the_id, 
      url: "ajax/votes.php", 
      success: function(msg) { 
      $("span.vote_count#"+the_id).html(msg).fadeIn(); 
// my problem is here 
      $(".vote_up#" + the_id + " img").attr("src", "img/upvoteActive.png"); 
      } 
     }); 
     }); 
    }); 

html代碼:

<a href='#' class='vote_up' id="$id"><img src="img/uparrow.png" /></a> 

回答

4

不要與ID一起使用class;它是多餘的,因爲ID應該永遠是獨一無二的......

$("#" + the_id + " img").attr("src", "img/upvoteActive.png"); 

而且,你不能在ID屬性中的字符$。引述W3C on the ID attribute ...

ID和名稱標記必須以 字母開頭([A-ZA-Z]),並且可以通過任意數量的字母之後 ,數字 ([0-9 ]),連字符(「 - 」),下劃線 (「_」),冒號(「:」)和句點 (「。」)。

+0

雖然這仍然deosnt工作! :((對不起 – getaway 2010-10-05 19:01:23

+2

+1;只是因爲它不適用於你,所以沒有必要投票,因爲答案仍然是一個好的點 – Mottie 2010-10-05 19:06:24

+1

但它不相關,他應該使用評論系統,它不是一個答案,它的建議!!! – getaway 2010-10-05 19:07:17

1

看起來你多次使用相同的ID(img和count)。嘗試使ID更獨特,如:

<a href='#' class='vote_up' id="$id_link"><img src="img/uparrow.png" /></a> 
<span class="vote_count" id="$id_count"></span> 
+0

歡呼它的作品 – getaway 2010-10-05 19:07:43

+2

你不能做出更獨特的東西,它可以是獨特的......或不是。 – 2011-04-05 02:34:37