Question

您好，请查看下面的代码，我正在使用App.js框架创建移动网络应用程序，并且我想在用户单击某些按钮时显示照片查看器。但我无法执行此操作，原因是App.load事件可能会发生冲突，因为我使用了两次，一次用于“查看器”，一次用于“家庭”，请告诉我如何使用查看器才能做到加载按钮单击时，请记住这是使用zepto（https://zeptojs.com/）的框架。代码是这样的...

    App.controller('home', function (page) {
    // put stuff here
  });

  App.controller('page2', function (page) {
    // put stuff here
  });
    App.controller('page3', function (page) {
    // put stuff here
  });

    App.controller('page4', function (page) {
    // put stuff here
  });

    // in your js
    App.controller('viewer', function (page, data) {
        var photoViewer = new PhotoViewer(page, data.urls);
   });        
    // to use the viewer
    App.load('viewer', {
      urls: [
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg'
      ]
    });
         try {
            App.restore(); 
          } catch (err) {
            App.load('home');
          }        
</script>`

Answer 1

您正在使用演示示例，该示例将参数“ page”称为“查看器”。但是，根据您的代码，您决定将页面称为“主页”（也称为page2，page3，page4）。如果您希望PhotoViewer在您的页面上运行，只需将App.controller()和App.load()中的'viewer'替换为'page'名称，例如像这样的“家”：

App.controller('home', function (page, data) {
        var photoViewer = new PhotoViewer(page, data.urls); 
}); 

App.load('home', {
      urls: [
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg'
      ]
    });

Usinf App.js框架并尝试使用photoviewer，但App.load发生冲突

1 个答案: