2014-05-17 21 views
0

以下是我的HTML文件RouterExample.html。我正在嘗試創建一個路由器。但它不起作用。骨幹路由器實施不起作用

我是否進口過所有必需品?

當我嘗試運行代碼時,我得到了設計好的html頁面。當我點擊任何HREF對象時,對象的名字會追加到URL上,但會獲得JBOSS,這是我的服務器主頁。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
<script 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script 
    src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.1/underscore-min.js"></script> 
<script 
    src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.1/backbone-min.js"></script> 
<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script> 
<script src="scripts/underscore.js" type="text/javascript"></script> 

<script type="text/javascript" src="jquery.min.js"></script> 

<script type="text/javascript" src="backbone.js"></script> 
<script type="text/javascript" src="router.js"></script> 
</head> 
<body> 

<a href="/#one">One</a> 
<a href="/#two">Two</a> 
<a href="/#three">Three</a> 

<a href="/#block/one/1">One</a> 
<a href="/#block/two/2">Two</a> 
<a href="/#block/three/3">Three</a> 

<table> 
    <tr> 
     <td id="one">1</td> 
     <td id="two">2</td> 
    </tr> 
    <tr> 
     <td id="three">3</td> 
     <td id="four">4</td> 
    </tr> 
</table> 

<script> 
$(function(){ 
var AppRouter = Backbone.Router.extend({ 

    routes: { 
    'RouterExample.html': 'home', 
    'one' : 'oneFun' 
    }, 

    home : function() 
    { 
    alert("Home"); 
    }, 
    oneFun: function() 
    { 
    alert("One Function"); 
    } 

    }); 
var fovView = new AppRouter(); 
Backbone.history.start(); 

}); 

</script> 
</body> 
</html> 

回答

1

你的錨標記鏈接到另一個文檔,因爲href值開始/。試試這個:

<a href="#one">One</a> 
<a href="#two">Two</a> 
<a href="#three">Three</a> 

<a href="#block/one/1">One</a> 
<a href="#block/two/2">Two</a> 
<a href="#block/three/3">Three</a>