Ajax Script 2x verwenden

chaosgoettin

Mitglied
Hallo,

warum kann ich ein JS von jquery ajax nicht 2mal verwenden?
Das ist mein generierter Code:

HTML:
<script type="text/javascript">
  $(document).ready(function(){
    $("a#ajaxWk5").click(function(){
      $.ajax({
        type: "POST",
        url: "reiseansicht.php",
        data: "action=test",
        success: function(strResponse){
          document.getElementById("wk").innerHTML = unescape(strResponse);
        }
      });
      return false;  // Verhindern, dass Link ausgeführt wird
    });
  });
  </script>

...
<td></div>
  <a id="ajaxWk5" href="#">link1</a>
</td>

<td style="background:white;text-align:right;">
<a id="ajaxWk5" href="#">Link2</td>

Den ersten Link macht er ordentlich, den 2ten ignoriert er, bringt aber auch keine Fehler.
Danke
 
Eine ID ist eindeutig und darf immer nur einmal im Dokument vorkommen !
Du hast zwar zwei Links, beide haben aber die selbe ID ;-)

Eine Lösung wäre z.B. eine Funktion zu bauen die die jeweilige ID des Links übergeben bekommt und darauf reagiert:

PHP:
function setLink(stat) {
	id = stat.getAttributeNode('id'); // ID des Links

	$.ajax({
		type: "POST",
		url: "reiseansicht.php",
		data: "action=test",
		success: function(strResponse){
		document.getElementById("wk").innerHTML = unescape(strResponse);
		}
	});
	return false;
}


<a id="link-1" href="#" onclick="setLink(this);return false;">link1</a>
<a id="link-2" href="#" onclick="setLink(this);return false;">link2</a>
 
Zuletzt bearbeitet:
Zurück