Странное поведение взрыва jQuery UI в Internet Explorer - PullRequest
Новая
       12

Странное поведение взрыва jQuery UI в Internet Explorer

1 голос
/ 18 декабря 2009

Я пытаюсь показать фоновое изображение после того, как пользователь нажимает на поле. (Я знаю, что я немного ленив в 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>

Контейнер изображения 

<div class="toggler1">
    <div id="effect1" style="float:left;width:207px;height:153px;border:none;">
        <p>
        </p>
    </div>
</div>

Таблица стилей просто 

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

Почему это работает в Firefox, а не в IE? Я думаю, что я немного схожу с ума!

1 Ответ

6 голосов
/ 18 декабря 2009

Ваш HTML-код искажен. Отсутствует заключительная цитата. 

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