Comportement bizarre de l'interface utilisateur jQuery Explode dans Internet Explorer

Question

J'essaie d'afficher une image d'arrière-plan lorsqu'un utilisateur clique sur une case. (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 conteneur 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 tout simplement

<style type="text/css"> 
    #effect1b { 
    background: url("2_01.jpg"); 
    } 
</style> 

Pourquoi ce travail dans Firefox, mais pas dans IE? Je pense que je deviens un peu folle!

Answer 1

Votre code HTML est incorrect. Il manque un devis de clôture.

$(".toggler1").html('<div id="effect1b" style="float:left;width:207px;height:153px;"></div>');