:: Buchempfehlung ::

juergen · #1 19.01.2012, 13:22:48

Hallo Forum,

ich möchte den Wert eines Anker-Links mit jQuery dynamisch ändern.
Leider funktioniert das nicht!
Könnt Ihr mir helfen. Danke

Ich habe das Script:
<script type="text/javascript">

$(document).ready(function(){
$("a.ankersprung").click(function(){
if( !$(this).attr("href" == "#top") ) {
$(this).attr("href" == "#down");
}else {
$(this).attr("href" == "#top");
}
});
});

</script>

Die Seite sieht so aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Anker-Sprung</title>
<script src="jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){
$("a.ankersprung").click(function(){
if( !$(this).attr("href" == "#top") ) {
$(this).attr("href" == "#down");
}else {
$(this).attr("href" == "#top");
}
});
});

</script>
</head>
<body>
<a name="top" id="top"></a>
<div>Oben</div>

 
 

<a href="#down" class="ankersprung">Anker-Sprung</a>

 
 
 
 
 

<a name="down" id="down"></a>
<div>Unten</div>

 
 
 
 
 
 
 
 
 
 
 
</body>
</html>

CPCoder · #2 20.01.2012, 10:28:14

Schau dir den Block hier noch einmal genauer an:

Code:

$(document).ready(function(){
$("a.ankersprung").click(function(){
if( !$(this).attr("href" == "#top") ) {
$(this).attr("href" == "#down");
}else {
$(this).attr("href" == "#top");
}
});
});

== Ist Vergleichs-Operator
= Ist ein Zuweisungs-Operator

juergen · #3 20.01.2012, 15:44:57

Hallo CPCoder,

schon gesehen. Danke
So funktionierts!!

HTML-Code:

$(document).ready(function(){
    $("a.ankersprung").click(function(){   
      if( !$(this).attr("href") == "#top") {
        $(this).attr("href","#down");
      }else {
        $(this).attr("href","#top");      
      }
    });
 });

Ckaos · #4 20.01.2012, 18:40:17

Hi

statt einem if...else kannst du auch ein toggle nehmen.

Code:

$("a.ankersprung").toggle(function(){/*erster klick z.B. #down setzen*/},function(){/*zweiter klick z.B. wieder #top setzen*/});

mfg

CKaos

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!