Question

I am having some truubles finding out, why my Jquery Dialog-box doesnt work in firefox.
In Chrome it is working fine.

    $(".showTasksButton").click(function() {
    return false;
    var lessonId = $(this).attr('href');
    var dialogwindow = $(this).next().clone();

    dialogwindow.dialog({
        draggable : false,
        resizable : false,
        width : 300,
        height : 350,
        zIndex : 10001,
        modal:true,
        open: function(){
            jQuery('.ui-widget-overlay').bind('click',function(){
                dialogwindow.dialog("destroy");
            })
        },          
    })              

})

Does anyone of you have any ideas?

Answer 1

You’re missing multiple line endings and you’re returning false on the first line, this code should work as intended:

$(".showTasksButton").click(function() {
    var lessonId = $(this).attr('href');
    var dialogwindow = $(this).next().clone();

    dialogwindow.dialog({
        draggable: false,
        resizable: false,
        width: 300,
        height: 350,
        zIndex: 10001,
        modal: true,
        open: function() {
            jQuery('.ui-widget-overlay').click(function() {
                dialogwindow.dialog("destroy");
            });
        },
    });
    return false;
});​