Javascript Photosweep无法读取属性';中心';在photosweep.js的第1070行未定义的

Javascript Photosweep无法读取属性';中心';在photosweep.js的第1070行未定义的,javascript,image,exception,gallery,photoswipe,Javascript,Image,Exception,Gallery,Photoswipe,我只是涉猎了一下Photosweep,到目前为止,我还没有做过比简单地用一些非常小的(理论上无关紧要的)调整实现get started演示副本更高级的事情 我的图片库显示得很好,我总共有4个项目,因为我正在尝试测试它。第一张图片将缩放和平移,所有这些都很棒。然而,当我切换图片时,我在这篇文章的标题中发现了javascript错误 我使用以下内容作为我的项目: var items =[{"src":"/Images/Portfolio/Pieces/PhoenixFury.jpg","thumbn

我只是涉猎了一下Photosweep,到目前为止,我还没有做过比简单地用一些非常小的(理论上无关紧要的)调整实现get started演示副本更高级的事情

我的图片库显示得很好,我总共有4个项目,因为我正在尝试测试它。第一张图片将缩放和平移,所有这些都很棒。然而,当我切换图片时,我在这篇文章的标题中发现了javascript错误

我使用以下内容作为我的项目:

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"}];
我添加了一些自定义属性,但我还没有使用Photosweep尝试利用这些属性,所以我认为这不是问题所在

我使用以下选项:

        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

        };
那么我就做以下几点:

   var photoswipe = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
        photoswipe.init();
我有pswpElement,只是从Photosweep站点复制了它的标记,所以它也应该是一致的。我真的很想知道我需要做些什么才能使它在我切换到一个新图像时工作


我还验证了如果我从标题中删除u207(encoded'),它不会仅仅为了彻底解决问题。

确保
索引
选项值是整数,而不是字符串
parseInt(…,10)

请提供一个重现问题的(单独示例)。您可以根据Photosweep文档中的代码笔创建它:。如果您对CodePen不满意,您可以通过
共享->导出.zip
导出代码,并将测试用例上载到您的服务器。这里的代码笔与我的实际场景几乎相同。这一次我遇到了问题。我复制了一些代码,在那里我用这些值进行了一些实验。所以如何重现这个问题呢?我看不到你链接的codepen有任何错误,即使动画持续时间设置为0。我只是手动更新了Chrome(以为它会帮我解决这个问题)。一旦我这样做了,代码笔就可以工作了。感谢您的查看并让我知道它“在您的盒子上工作”:)好的,我仍然可以复制它,但它要好得多。我有点间歇性地明白了。有一次,我用刷子刷了一下就关上了。还有一次,在下一张图片出现之前,我触摸到了它。当我第一次切换时,我的屏幕看起来是一片空白。然后我刷回我开始的图像并导航,从那里看起来效果很好。我仍然能够看到错误,但是现在我更新了chrome,这就不那么容易重现了。太棒了!成功了。谢谢我也是!谢谢你,德米特里。。谢谢你在这个神奇的滑块上所做的一切!