0

我使用 EmberJS 1.0.0 RC3。
这些文件基于本教程：http ://www.youtube.com/watch?feature=player_embedded&v=Ga99hMi7wfY# ！（来自 emberjs.com/guides/）。

我index.html的是：

<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]--> 
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8">    

        <title>Test</title>
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" href="app/Ressources/public/css/normalize-2.1.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/bootstrap-2.3.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/bootstrap-responsive-2.3.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/jquery.mobile.structure-1.3.1.min.css">
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" href="app/Ressources/public/css/style.css">
    </head>
    <body>

        <script type="text/x-handlebars" >
            <div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="#">Bloggr</a>
                    <ul class="nav">
                        <li><a href="#">Posts</a></li>
                        <li>{{#linkTo 'about'}}About{{/linkTo}}</li>
                    </ul>
                </div>
            </div>
            {{outlet}}
        </script>

        <script type="text/x-handlebars" id="about">
            <div class="about">
                <p>Test</p>
            </div>
        </script>

        <script src="vendor/jquery/jquery-2.0.0.min.js"></script>
        <script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>
        <script src="vendor/handlebars/handlebars-1.0.0-rc.3.js"></script>
        <script src="vendor/ember/ember-1.0.0-rc.3.min.js"></script>
        <script src="vendor/ember/ember-data-12.js"></script>
        <script src="vendor/bootstrap/bootstrap-2.3.1.min.js"></script>
        <script src="vendor/moment/moment-2.0.0.min.js"></script>
        <script src="app/main2.js"></script>

    </body>
</html>

我的main2.js文件是：

var App = Ember.Application.create();

App.Router.map(function() {
    this.resource('about');
});

当我在：my_app.local/index.html，它工作正常，我可以看到我的菜单。中的链接About是 my_app.local/index.html#/about 所以它是正确的。但是，当我点击它时，我转到 my_app_client.local/about 并且服务器找不到这个文件（它没有找到它是正确的，顺便说一下只index.html存在）。

在此示例中，我将 WAMP 与 vhost 一起使用。我尝试使用 file://My_path_to_my_app/index.html，我可以去 index.html#/about 但 chrome 没有找到它。

你能猜到我的错误在哪里吗？

4

1 回答 1

0

我只是在 index.hmtl 中删除了这一行：

<script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>

现在它正在工作。我不知道兼容性有什么问题，但它是这样工作的。

于 2013-05-02T20:06:42.040 回答