从父窗口打开弹出窗口时出现跨浏览器问题

Question

我正在尝试使用jQuery从父窗口打开一个弹出窗口。我有我的代码，它在chrome中工作正常，但不知何故相同的代码在IE中不起作用。

通过不工作，我的意思是说 - 应用按钮点击在IE中不起作用但它在Chrome中工作正常。对不起，感到困惑。

尝试通过组合所有内容从该小提琴制作一个html页面，然后在IE浏览器中运行该html，看看它是如何运作的。如果单击“应用”按钮链接，肯定不会在IE中工作。

我为此创建了fiddle。以下是代码。

function open(url) {
    $('#blockdiv').fadeIn();
    $('#iframe').attr('src', url);
    $('#containerdiv').fadeIn();   
}

function close() {  
    $('#blockdiv').fadeOut();
    $('#containerdiv').fadeOut();  
}

$(document).ready(function() {
  $('ul').css({width: $('#containerdiv').width(),height:    $('#containerdiv').height()})
     $('#close').click( function() { close() })
     $('.JN_apply').click( function() { open($(this).data('url')); })

});

有人可以解释一下我在做什么，以及如何解决这个问题？