2013-10-07 50 views
2

我有以下设置:如何使用Bootstrap灯箱和AngularJS?

不幸的是,当我加载一个页面时,即使没有实际的灯箱图像,我也会得到以下Javascript错误:

Uncaught TypeError: Cannot read property 'Constructor' of undefined

这发生在这里:

// We depend upon Twitter Bootstrap's Modal library to simplify things here 
Lightbox.prototype = $.extend({},$.fn.modal.Constructor.prototype); 

我是不是做错了什么或者我应该不会尝试引导,灯箱和角UI的引导相结合?在后一种情况下,我是否应该尝试在Angular中重现Lightbox功能?

+0

它看起来像它可能是一个加载顺序的事情。 Bootstrap之前加载? '$ .fn.modal'由bootstrap加载 –

+0

@MatthewRudy yes Bootstrap首先被加载,但它是一个Angular特定版本的Bootstrap,所以我怀疑它不兼容。 –

+0

或者,您可以选择Twitter Bootstrap + [AngularStrap](http://mgcrea.github.io/angular-strap/)。 –

回答

0

我和我的网站有一个非常类似的错误。

http://jammyandsammy.hostei.com/wip/neecal/#/

"Uncaught TypeError: Cannot read property 'extend' of undefined " 

我相信这个bug,确实是在加载顺序。

这jsfiddle使用相同的灯箱,但我找不到解决方案。
http://jsfiddle.net/jasonbutz/YRBxD/

对不起,我不能帮帮忙

+0

您是否修复了这个 –

+0

没有抱歉,目前正在从事其他项目的工作,当我解决问题时,我会通知您解决方案。 – Jammi