Link in Text einbauen (JQuery)

[Smilla]

Hi,

ich habe mein Problem mal in einem kleinen Stück Quellcode verfasst.

Ich habe einen Text "Ansehen" der als plain angezeigt wird. Diesem möchte ich nun via JQuery in einen Link verwandeln. So wenn man danach auf Ansehen klickt, dass er dann eine andere Webseite öffnet.

Ich habe statt div auch schon ein span probiert, aber das funktioniert leider auch nicht. Ich möchte ungern schon einen Link daraus machen, weil dieser erst funktionieren wird, ein ein vorheriger Ajax Code durchgelaufen ist.

  
<script type="text/javascript">  
$(function()  
{  
   $("#show").attr('href', 'http://www.test.de');  
}  
</script>  
  
<div id="show">Ansehen</div>  

Hat jemand eine Idee?

[Der Martin]

Hallo,

Ich habe einen Text "Ansehen" der als plain angezeigt wird. Diesem möchte ich nun via JQuery in einen Link verwandeln. So wenn man danach auf Ansehen klickt, dass er dann eine andere Webseite öffnet.

das wird nur was werden, wenn du den Text in ein a-Element, also einen Link, einfügst.

Ich habe statt div auch schon ein span probiert, aber das funktioniert leider auch nicht. Ich möchte ungern schon einen Link daraus machen, weil dieser erst funktionieren wird, ein ein vorheriger Ajax Code durchgelaufen ist.

Hä??

$(function()

{
   $("#show").attr('href', 'http://www.test.de');
}

  
Weiß die Stiftung Warentest davon, dass du deren Domain verwendest? - Wenn es nur ein Beispiel sein soll, dann verwende doch bitte eine der [extra dafür vorgesehenen Domains](http://tools.ietf.org/rfc/rfc2606.txt).  
  

> `<div id="show">Ansehen</div>`{:.language-html}  
  
Das heißt, du hängst einem div-Element nachträglich ein href-Attribut an. Das ist nett gemeint, hat aber keinen Effekt, weil die Funktion, die du eigentlich haben möchtest, nur für das a-Element definiert ist.  
  
So long,  
 Martin  

-- 
Lehrer:  Wieviel ist die Hälfte von 8?  
Schüler: Kommt drauf an. Waagrecht 0 und senkrecht 3.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(

[Smilla]

Danke für die Info. Habe in meinen Ajax Aufruf nun ein Callback mit einen Seiten Refresh eingebaut. In meinem Fall löst dies auch die Probleme und scheint gar nicht so verkehrt zu sein.

Das ich das href im div span setze und damit keinen Erfolg habe klingt plausibel.

[Gunnar Bittersmann]

@@Smilla:

nuqneH

Ich möchte ungern schon einen Link daraus machen, weil dieser erst funktionieren wird, ein ein vorheriger Ajax Code durchgelaufen ist.

Sollte dann nicht eher gar nichts zu sehen sein als ein funktionsloser Text „Anzeigen“?

Also das ganze Element erst später generieren.

Oder schon im DOM (d.h. im HTML) haben, aber per CSS nicht anzeigen lassen. Mit JavaScript dann die Sichtbarkeit ändern:

HTML:   <a id="show" class="disabled" href="…">Anzeigen</a>

CSS:    #show.disabled { display: none }

jQuery: $("#show").removeClass("disabled");

Qapla'