JQuery remove div not working in Internet Explorer
Question
I'm not really a javascript/jquery coder, I have a very simple code to remove a div that's not working in IE
I'm using this in a Joomla page, so I call it like this:
$document->addScript("http://code.jquery.com/jquery-latest.js");//adiciona jquery
And than, in the body document:
<script>
setTimeout(function() {
$("#yourDiv").remove();
}, 50000);
</script>
FireFox and Chrome are (as always) ok. Can someone point out my mistake please? Thanks a lot :)
EDITED * ** * ** * ** * **
I've tryied also with this code no jquery, but always not working in IE (9)
<script>
setTimeout('yourFunction();', 5000);
function yourFunction(){
var div = document.getElementById("yourDiv");
div.parentNode.removeChild(div);
}
</script>
4 answers
solution1
8 ACCPTED 2012-02-25 11:18:45
<script>
$(document).ready(function(){
setTimeout(function() {
$("#yourDiv").remove();
}, 50000);
});
</script>
Check this fiddle , it's working in ie too.
solution2
2 2012-02-25 11:42:16
Maybe this addScript doesn't work. Check if jQuery is loaded:
alert(typeof($));
This alert message would return function or undefined .
solution3
1 2012-04-06 15:11:22
I had this same issue and eventually realized I was using .append to a div and mistakenly also adding my own closing div.
IE is very picky about having elements nested properly.
solution4
1 2012-02-25 11:14:29
I tested this in internet explorer and firefox, works in both.
<html>
<head>
<script type="text/javascript">
var p = {
onload: function() {
setTimeout(
function() {
var div = document.getElementById("myDiv");
div.parentNode.removeChild(div);
},
3000
);
}
}
</script>
</head>
<body onload="p.onload()">
<div id="myDiv" style="height: 50px; width: 50px ;background-color: grey;"></div>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.