jquery script work in chrome issues in ie9
Dear all,
I run a jquery script
function test (container) {
jQuery('html').addClass('js');
var doIt = {
container: $(container),
show: function () {
if (doIt.container.is(':hidden')) {
doIt.close.call(doIt.container);
doIt.animatie();
}
},
animatie: function () {
$("body").append(doIt.container);
var w = doIt.wijd/4;
var h = doIt.breed/5;
doIt.container.animate({
'opacity' : 'show',
'left': 50,
'postion':'relative',
'z-index':'1000'
},500)
.animate({
'top':-800
},{duration: 800,queue: false})
.animate({
'borderRadius': 15,
'width': 960,
'height': 710,
'opacity' : 0.9
},500);
},
close: function () {
var $this = $(this);
console.log(this);
$('<span class=close>X</span>')
.prependTo(this)
.on('click' , function () {
$this.animate({
'opacity' : 'hide',
'left': -50,
'postion':'relative',
'top':800,
},800);
})
}
}
doIt.show();
}
I start the script with an Url with a onclick event
<li><a id="myLink" title="Hortus Haren Groningen" href="#" onclick="test('#Hortus');";return false;">Hortus Haren</a></li>
Hortus is the name of the div
this works fine in chrome ,bit in ie9 I have to toglle disable popup blocker in f12 developer tool
What is the problem ?