comportement étrange de jQuery UI Explode dans Internet Explorer
-
20-09-2019 - |
Question
Je suis en train de montrer un background-image après qu'un utilisateur clique sur une boîte. (Je sais que je suis un peu paresseux sur le CSS)
<script type="text/javascript">
$(document).ready(function() {
var options = {};
$(".toggler1").click(function() {
$("#effect1").effect("explode",options,1000);
$(".toggler1").html("<div id='effect1b' style='float:left;width:207px;height:153px;></div>");
return false;
});
});
</script>
Le récipient d'image est
<div class="toggler1">
<div id="effect1" style="float:left;width:207px;height:153px;border:none;">
<p>
</p>
</div>
</div>
La feuille de style est simplement
<style type="text/css">
#effect1b {
background: url("2_01.jpg");
}
</style>
Pourquoi serait ce travail dans Firefox, mais pas dans IE? Je pense que je vais un peu fou!
La solution
Votre code HTML est malformé. Il manque une parenthèse fermante.
$(".toggler1").html('<div id="effect1b" style="float:left;width:207px;height:153px;"></div>');
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow