AngularJS网站适用于Firefox,但不适用于Chrome

时间:2017-08-24 00:30:27

标签: javascript angularjs twitter-bootstrap google-chrome firefox

出于某种原因,我的网站在Chrome中无法使用。

我已将它精确定位到画廊控制器。似乎如果它存在,整个应用程序无法在Chrome中运行。显然,这可能是因为Firefox自动填充标签。但问题只在于Angular应用程序本身。如果我更改了该订单的顺序,并将最后一部分放在库中,则该网站在Chrome中保持不间断,但是该库是。

app.controller('GalleryCtrl', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/ResponsiveWebDesign.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/rwdthumb.jpg',
    },
    ];

   $scope.openLightboxModal = function (index) {
    Lightbox.openModal($scope.images, index);
  };

});

app.controller('GalleryCtrl1', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/BannerTemplate.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/bthumb.jpg',
    },
    ];

  $scope.openLightboxModal = function (index) {
   Lightbox.openModal($scope.images, index);
  };

});

app.controller('GalleryCtrl2', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/VisualIdentity.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/vithumb.jpg',
    },
    ];

  $scope.openLightboxModal = function (index) {
    Lightbox.openModal($scope.images, index);
  };

 });

这是控制器的代码。我使用多个,因为我还没有找到一个解决方案,它会给我3个单个灯箱,它们不会在一个控制器中互相交互。无论如何,我的问题是:

  • 为什么网站一般在Firefox中运行,而在Chrome中不运行?
  • 我该怎么做才能修复灯箱库?
  • 有没有办法让这个设计更有效率。

感谢。有问题的网站是www.kreo-it.pl,点击" PORTFOLIO"标签。如您所见,该库适用于Firefox,但不适用于Chrome。

1 个答案:

答案 0 :(得分:1)

是的,我已在两种浏览器中测试您的网站。所有的铬也很好用。这里附有我的浏览器截图。弹出打开完美。是的,我检查数据加载有问题。您的图像尺寸是高分辨率,因此请在弹出窗口中为视图图像加载时间。还用小写重命名所有图像。

chrome tested