I am trying to create a landing page, where multiple elements all trigger a jQuery UI form, and also a timer pops the form.
It seems to work in everything except IE9, which is odd, as IE9 is the best one so far! (</worms>)
I’m using
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
var signup_step = '<?= $step ?>';
$('#signup-lightbox').dialog({ //line 31
width: "457px",
modal: true,
autoOpen: false,
closeText: '',
position: ['center','top']
});
//etc
</head>
<body>
<div id="signup-lightbox"><!-- etc --></div>
SCRIPT438: Object doesn’t support property or method ‘getElementsByTagName’
jquery.min.js, line 16 character 59007
SCRIPT438: Object doesn’t support property or method ‘dialog’
landing1, line 31 character 21
Anyone have any ideas on this one please? I’m a little puzzled, as I’ve never had problems with jQuery not working in IE. I guess it might be a bug with IE9rc1, in which case, so be it.
Amend,
I should add my trigger code..
$('#navigation a, .profile a, .profile > img, .profile > h2').click(function(e){
e.preventDefault();
amendForm();
openLightbox();
});
if($('#signup-lightbox').dialog("isOpen") == false && (signup_step == 'index' || signup_step == undefined)){
setTimeout(function(){
amendForm();
openLightbox();
}, 3000);
}
jQuery 1.5.1 (available now) fixes this issue. The ticket is here: http://bugs.jquery.com/ticket/8123