jQuery: href folgen falls Javascript nicht aktiviert!

[Axel Richter]

Hallo,

Die Letzte ist:

<script type="text/javascript">

  $(document).ready(function(){  
  	function hide(object){  
  		object.style.color = "#983423";  
      	object.parents(".pane").animate({ opacity: "hide" }, "slow");  
  	};  
  });  

</script>

Warum willst Du eine Funktion erst definieren wenn das Dokument fertig geladen ist?
[code lang=javascript]
function hide(object){
 //So wie Du es übergibst, ist object hier ein DOM-Objekt, kein JQuery-Objekt.
 object.style.color = "#983423";
 // also müssen wir erst ein JQuery-Objekt draus machen
 $(object).parents(".pane").animate({ opacity: "hide" }, "slow");
}

~~~html
  

> <div class="pane">  
> 	...  
> 	<a href="#delete" onclick="hide(this);return false;" alt="delete" />Delete</a>  
> </div>  

Allerdings solltest Du, wenn Du schon JQuery benutzt, auch grundsätzlich auf Javascript im HTML verzichten und konsequent die JQuery-Methoden benutzen.

  
$(document).ready(function(){  
 $(".pane > a").click(function() {  
  this.style.color = "#983423";  
  $(this).parents(".pane").animate({ opacity: "hide" }, "slow");  
  return false;  
 });  
});  

  
<div class="pane">  
        ...  
        <a href="#delete" alt="delete" />Delete</a>  
</div>  

viele Grüße

Axel