Ich bin ziemlich neu in JQuery und Javascript im Allgemeinen. Ich glaube nicht, dass ich versuche, etwas zu tun zu Das ist schwierig, aber ich bin ratlos.
Ich habe eine Reihe von Links auf meiner Seite, die beim Anklicken ein bestimmtes Verhalten auf der Seite auslösen. Wenn sie erneut angeklickt werden, sollen sie zu einer anderen Seite springen, aber mit meinem aktuellen Code tun sie nichts.
Ich vermute, dass es eine wirklich einfache Lösung für dieses Problem gibt, aber ich finde sie nicht.
Ich habe ein einfaches Beispiel (mit denselben Problemen) hier eingestellt: http://jsbin.com/egaji3/edit . Der Code ist auch unten eingefügt.
JS:
$('a.dummy').click(function(){
var myquery = $(this).attr('title');
$('p#output').text('You clicked on the ' + myquery + '. Click again to Google it.');
$('a').addClass('dummy');
$('a').attr('href', '#');
$(this).removeClass('dummy');
$(this).attr('href', 'http://www.google.com.au/#q=' + myquery);
return false;
});HTML:
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<style>
a { color: #00f; background: #ff0; }
a.dummy { color: #999; background: none; }
</style>
</head>
<body>
The things:
<a class="dummy" href="#" title="first thing">First Thing</a>
<a class="dummy" href="#" title="second thing">Second Thing</a>
<a class="dummy" href="#" title="third thing">Third Thing</a>
<p id="output">You haven't clicked anything yet!</p>
</body>
</html>
