JQuery删除div无法在Internet Explorer中工作

时间:2012-02-25 11:10:01

标签: javascript jquery joomla

我不是一个真正的javascript / jquery编码器,我有一个非常简单的代码来删除一个不能在IE中工作的div

我在Joomla页面中使用它,所以我称之为:

$document->addScript("http://code.jquery.com/jquery-latest.js");//adiciona jquery

而且,在身体文件中:

<script>
    setTimeout(function() {
        $("#yourDiv").remove();
    }, 50000);
</script>

FireFox和Chrome(一如既往)还可以。有人可以指出我的错误吗?非常感谢:)

已编辑 * ** * ** * ** * **

我也试过这个代码没有jquery,但总是不能在IE中工作(9)

<script>
setTimeout('yourFunction();', 5000);
function yourFunction(){
var div = document.getElementById("yourDiv");
div.parentNode.removeChild(div);
}
</script>

4 个答案:

答案 0 :(得分:8)

<script>
$(document).ready(function(){
    setTimeout(function() {
        $("#yourDiv").remove();
    }, 50000);
});
</script>

检查此fiddle,它也在使用ie。

答案 1 :(得分:2)

也许这个addScript不起作用。检查是否加载了jQuery:

alert(typeof($));

此提示消息将返回功能未定义

答案 2 :(得分:1)

我在Internet Explorer和firefox中测试了这个,在两者中都可以使用。

<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>

答案 3 :(得分:1)

我有同样的问题,最终意识到我正在使用.append到div而错误地添加了我自己的结束div。

IE非常挑剔地正确嵌套元素。