问答详情
源自:3-1 DOM结构渲染

报错:Uncaught TypeError: LightBox is not a constructor

大家帮我看看代码,代码跟视频上的一样啊,为什么不能alert 1出来。

报错:Uncaught TypeError: LightBox is not a constructor  


js:

;(function($) {

var LightBox = function() {

var self = this;

//创建遮罩和弹出框

this.popupMask = $("<div id='G-lightbox-mask'></div>")

this.popupWin = $("<div id='G-lightbox-popup'></div>")

//保存body

this.bodyNode = $(document.body);

//渲染剩余的DOM插入到body;

this.renderDOM();

};

LightBox.prototype = {

renderDOM: function() {

alert("1");

}

};

window["LightBox"] = LightBox; 

})(jQuery);


html页面

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<script src="js/jquery-2.2.1.min.js"></script>

<script src="js/LightBox.js"></script>

</head>

<body>  


<script>

$(function(){

var LightBox = new LightBox();

})

</script>

</body>

</html>


提问者:qq_风之将尽_03133991 2016-08-19 11:37

个回答

  • 一只帅蚂蚁
    2016-09-05 20:00:55

    var LightBox = new LightBox(); 加粗的要小写,别冲突,或用其他的名字!!

  • huangjf
    2016-08-21 23:50:46

    LightBox 不是构造函数