修复bug；添加 404 demo

dist/spa-apis.js

@@ -1657,7 +1657,7 @@
       viewData = panelOptions.view.call($panel, panelData)
 
       if($.isPlainObject(viewData)) {
-        $panel.trigger('spa:initpanel', [$panel, viewData])
+        $doc.trigger('spa:initpanel', [$panel, viewData])
       }
     }
   })

dist/spa.js

@@ -1657,7 +1657,7 @@
       viewData = panelOptions.view.call($panel, panelData)
 
       if($.isPlainObject(viewData)) {
-        $panel.trigger('spa:initpanel', [$panel, viewData])
+        $doc.trigger('spa:initpanel', [$panel, viewData])
       }
     }
   })

docs/boot.js

@@ -47,7 +47,20 @@ var demoTransitPage = {
   }
 }
 
-$doc.trigger('spa:route', [pageHome, demoNewPage, demoTransitPage])
+// demo:404
+var notFoundPage = {
+  route: '*notfound',
+  classname: 'demo-notfound',
+  animate: 'default',
+  view: function() {
+    var $page = this
+    requirejs(['demo.notfound'], function(viewData) {
+      $doc.trigger('spa:initpage', [$page, viewData])
+    })
+  }
+}
+
+$doc.trigger('spa:route', [pageHome, demoNewPage, demoTransitPage, notFoundPage])
 
 // demo:侧边栏菜单
 var demoPanelSidemenu = {

docs/demo.notfound.js

@@ -0,0 +1,22 @@
+define({
+  title: 'SPA - 页面不存在',
+  body: '<nav class="navbar navbar-default navbar-static-top" role="navigation">\
+    <div class="navbar-header">\
+      <a class="navbar-brand" href="#demo/newpage">页面不存在</a>\
+    </div>\
+    <a href="#" class="btn btn-default navbar-btn btn-link pull-left"><span class="glyphicon glyphicon-chevron-left"></span></a>\
+  </nav>\
+  <div class="page-container-navbar">\
+    <div class="container">\
+      <div class="page-header"><h1>404</h1></div>\
+      <p>Page Not Found</p>\
+      <a href="#" class="btn btn-default">返回</a>\
+    </div>\
+  </div>\
+  ',
+  init: function(pageData) {
+    var $view = this
+
+    $('.page-container-navbar', $view).trigger('spa:scroll')
+  }
+})

package.json

@@ -1,7 +1,7 @@
 {
   "name": "spa.js",
   "title": "SPA",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "A webapp framework for routing control and view transitions",
   "directories": {
     "doc": "docs"

src/spa.js

@@ -1650,7 +1650,7 @@
       viewData = panelOptions.view.call($panel, panelData)
 
       if($.isPlainObject(viewData)) {
-        $panel.trigger('spa:initpanel', [$panel, viewData])
+        $doc.trigger('spa:initpanel', [$panel, viewData])
       }
     }
   })