Photoswipe and Require.js configuration



我有一个模块,它依赖于PhotoSwipe和PhotoSwipeUI_Default。我需要这两个模块,就像这样,在我的模块内部,我正在初始化我的图库。例如:

define("modules/lightboxStart", ["vendor/PhotoSwipe", "vendor/PhotoSwipeUI_Default"], function (PhotoSwipe, PhotoSwipeUI_Default) {
   var StartGallery = function(){
      var lightBox =  new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);
            lightBox.init();
   }
   StartGallery()
}

画廊然后按预期工作,但需要在PhotoSwipe.js中抛出一个不匹配的匿名定义模块错误。

在查看了文档之后,我得出结论,我需要通过require.js API运行两个脚本(PhotoSwipe和PhotoSwipeUI_Default)。

然后我定义了每一个,就像这样:

define('PhotoSwipe', function() {
//PhotoSwipe script here
 return PhotoSwipe
 })

define('PhotoSwipeUI_Default', function() {
//PhotoSwipeUI_Default script here
 return PhotoSwipeUI_Default
 })

这样就消除了我之前遇到的不匹配的匿名定义模块错误,但现在我遇到了这个错误:

PhotoSwipe is not a function

我该怎么解决这个问题?我本质上是在尝试访问PhotoSwipe.js中的PhotoSwipe函数并传递我的参数,但如果不在页面上生成大量js错误,我就无法做到这一点,我也不知道为什么。

非常感谢您的帮助!

定义(["modules/lightboxStart","vendor/PhotoSwipe","vendor/PhoteSwipeUI_Default"],函数(lightboxStart,PhotoSwipe,PhotoSwipeUI_Dfault){//i think so}

最新更新