Uncaught TypeError: Cannot read property 'scrollHeight' undefined
Pourquoi j'obtiens cette erreur:
Uncaught TypeError: Cannot read property 'scrollHeight' undefined.
Le "Lire la suite" bouton me renvoie en haut de la page au lieu de changer la hauteur de mes <div>
élément. Comment puis-je résoudre ce problème?
C'est mon code:
function piki( $atts, $content = null ) {
{ ?>
<script type="text/javascript">
var h = jQuery('#piki')[0].scrollHeight;
jQuery('#more').click(function(e) {
e.stopPropagation();
jQuery('#piki').animate({
'height': h
})
});
jQuery(document).click(function() {
jQuery('#piki').animate({
'height': '50px'
})
})
</script>
<?php }
$url = '/?s=';
$str = '';
$output = array();
$count = 0;
foreach (explode(", ",$content) as $content) {
$count++;
$output[] = "<a href='" . $url . $content . "'>" . $content . "</a>";
if ($count == 50) {
break;
}
}
return '<div id="piki" class="piki">'.implode(", ", $output).'</div><a id="more" style="float: left;" href="#">Read more</a>';
}
add_shortcode( 'piki', 'piki' );
Vous devez vous connecter pour publier un commentaire.
Le problème est que
jQuery('#piki')[0]
n'est pas la sélection de tous les éléments. Ainsi, lorsque vous essayez d'obtenirscrollHeight
, vous essayez d'obtenir un champ d'uneundefined
valeur. C'est parce que le code de la<script>
exécute avant que le navigateur a traité la<div id="piki"...
élément. Si vous avez déplacé<script>
pour qu'il s'affiche et s'exécute après ladiv
, puis le JavaScript doit s'exécuter sans erreur.