SimpleModal not working in IE7

Question

So, I've got SimpleModal working like I want it to except in IE7.

What's the problem? It just doesn't show up at all.

I have two types of modals going on.

First one:

$('.calendar-button').click(function (e) {
        $('.calendar-container').modal({
            overlayClose: true,
        });
        return false;
    });

Second one:

$('.tv-list li a').click(function (e) {
    e.preventDefault();
    $('#info-' + this.id).modal(
        {onOpen: function (dialog) {
            dialog.overlay.fadeIn('fast', function () {
                dialog.container.slideDown('fast', function () {
                    dialog.data.fadeIn('fast');
                });
            });
        },
        overlayClose: true,
    });
    return false;
});

And none of these seems to be working. For both of windows that, should, be popping up i have the same basic style of

display:none;

But, none of these work in IE7. Any thoughts? All of them are in the document ready thingy.

Answer 1

, is your problem. IE7 doesn’t like trailing commas in objects. Try changing overlayClose: true, to overlayClose: true

The final code would look like this:

$('.calendar-button').click(function (e) {
    $('.calendar-container').modal({
        overlayClose: true
    });
    return false;
});