Photoswipe Không thể đọc thuộc tính 'center' của không xác định tại dòng 1070 của photoswipe.js

Question

Tôi chỉ đang nhúng ảnh với photoswipe, và cho đến nay tôi chưa thực hiện bất cứ điều gì nâng cao hơn chỉ đơn giản là thực hiện một bản sao của bản giới thiệu bắt đầu với một vài rất nhỏ (và tinh chỉnh không đáng kể về mặt lý thuyết).

Thư viện ảnh của tôi xuất hiện rất tốt và tôi có tổng cộng 4 mục trong đó vì tôi chỉ đang cố thử nghiệm. Bức ảnh đầu tiên sẽ phóng to và xoay và tất cả những thứ đó thật tuyệt vời. Tuy nhiên, thời điểm tôi chuyển đổi hình ảnh, tôi nhận được lỗi javascript trong tiêu đề bài đăng này.

Tôi đang sử dụng sau đây là các mặt hàng của tôi:

var items =[{"src":"/Images/Portfolio/Pieces/PhoenixFury.jpg","thumbnail":"/Images/Portfolio/Thumbs/PhoenixFury.jpg","msrc":"/Images/Portfolio/Thumbs/PhoenixFury.jpg","w":765,"h":1201,"title":"Phoenix\u0027s Fury","caption":"Illustration used for the cover of Lifeweaver","key":"Phoenix"},{"src":"/Images/Portfolio/Pieces/EnoreTower.jpg","thumbnail":"/Images/Portfolio/Thumbs/EnoreTower.jpg","msrc":"/Images/Portfolio/Thumbs/EnoreTower.jpg","w":765,"h":1200,"title":"Enore\u0027s Tower","caption":"Illustration used for the cover of Guardian\u0027s Peril","key":"Enore"},{"src":"/Images/Portfolio/Pieces/KenpoLogo.jpg","thumbnail":"/Images/Portfolio/Thumbs/KenpoLogo.jpg","msrc":"/Images/Portfolio/Thumbs/KenpoLogo.jpg","w":800,"h":966,"title":"Kenpo Karate Logo","caption":"Commissioned karate team logo for a team in Mexico with central american themes on the traditional Kenpo notion of a dragon and a tiger.","key":"Kenpo"},{"src":"/Images/Portfolio/Pieces/Quetzalcoatl.jpg","thumbnail":"/Images/Portfolio/Thumbs/Quetzalcoatl.jpg","msrc":"/Images/Portfolio/Thumbs/Quetzalcoatl.jpg","w":1600,"h":967,"title":"Quetzalcoatl","caption":"Central American ancient deity Quetzalcoatl, the feathered serpent.","key":"Quetzalcoatl"}]; 

Tôi đã thêm một vài thuộc tính tùy chỉnh, nhưng tôi đã không làm bất cứ điều gì nhưng với các photoswipe để cố gắng tận dụng những, vì vậy tôi không hãy tưởng tượng đó là vấn đề.

Tôi đang sử dụng sau đây là lựa chọn của tôi:

 var options = { 

      history: false, 
      focus: false, 
      index: 0,//I can verify that 0,1,2,3 all load up correctly for an initial load 
      showAnimationDuration: 0, 
      hideAnimationDuration: 0 

     }; 

Vì vậy, sau đó tôi chỉ làm như sau:

var photoswipe = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); 
     photoswipe.init(); 

Tôi có pswpElement, và chỉ đơn giản là coppied đánh dấu cho điều đó từ photoswipe trang web, vì vậy nó cũng phải phù hợp. Tôi thực sự muốn biết những gì tôi cần làm để làm cho nó hoạt động khi tôi đổi sang một hình ảnh mới.

Tôi cũng đã xác minh rằng nếu tôi xóa u207 (được mã hóa ') khỏi các tiêu đề, nó không khắc phục được sự cố chỉ để cố gắng thấu đáo mọi thứ.

Answer 1

Đảm bảo rằng giá trị tùy chọn index là Số nguyên, không phải là Chuỗi. parseInt(... , 10)