unbind a function from element
Ik doe het volgende:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$jq(document).ready(function(){
$jq("textarea").attr( 'style', 'height: 15px;' );
$jq("textarea").focus(function(){
$jq(this).css('height', '');
$jq(this).elastic();
});
$jq("textarea").focusout(function(){
$jq(this).elastic().unbind();
$jq(this).delay(200).attr( 'style', 'height: 15px;' );
});
});
</script>
$jq(document).ready(function(){
$jq("textarea").attr( 'style', 'height: 15px;' );
$jq("textarea").focus(function(){
$jq(this).css('height', '');
$jq(this).elastic();
});
$jq("textarea").focusout(function(){
$jq(this).elastic().unbind();
$jq(this).delay(200).attr( 'style', 'height: 15px;' );
});
});
</script>
Als ik dit gedaan heb werkt dit 1x.
Wat doe ik fout?
Wat ik wil is, als ik op de textarea klik dat de elastic function er op komt.
maar als de focus er af is dat de textarea weer kleiner wordt.
Hoe doe ik dit?
bedankt.
$jq("textarea").blur(function(){
in plaats van
$jq("textarea").focusout(function(){
Moet ik dit misschien anders aanpakken?
Als je het terug wil laten keren naar de originele hoogte/breedte, dan zal je dat handmatig moeten doen. Dus met .css() de hoogte/breedte weer instellen.
Werkt dit bij jou niet toevallig? http://jsfiddle.net/9923d/2/
Ik behoud je noConflict, maar heb dat net even iets netter opgelost. Verder weet ik niet exact welke Elastic plugin je gebruikt, ik kon er een aantal van vinden. Welke plugin gebruik je hiervoor?
Gewijzigd op 09/01/2012 19:16:45 door Chris -
http://unwrongest.com/projects/elastic/
Ik ga zo kijken of dat gaat werken
edit;
Hmm, heel vreemd, bij mij doet hij het niet...
Maar op die site wat jij stuurde wel...
Gewijzigd op 09/01/2012 20:39:39 door Mitchel V