jquery - backbone.js ルーター

Question

コードの下にあるリンクのいずれかに移動したいと思います。

    var  menukeuze;

   var AppRouter = Backbone.Router.extend({
        routes: {
            "menukeuze": "getPost",
            "*actions": "defaultRoute" // matches http://example.com/#anything-here
        }
    });
    // Instantiate the router
    var app_router = new AppRouter;
    app_router.on('route:getPost', function (menukeuze) {
        // Note the variable in the route definition being passed in here
        if (menukeuze == 'Welkom') { MakeRequest_goto(menukeuze); }
        if (menukeuze == 'Dogs1') { MakeRequest_goto(menukeuze); }
        if (menukeuze == 'Dogs2') { MakeRequest_goto(menukeuze); }
    });
    app_router.on('route:defaultRoute', function (actions) {
        MakeRequest_goto('Welkom');
    });
    // Start Backbone history a necessary step for bookmarkable URL's
    Backbone.history.start();

function MakeRequest_goto (ganaarpagina) {
                    $(document).ready(function() {
                    $('#div-main-content').fadeOut(function() { $.ajaxSetup( {
                    cache: false,
                    beforeSend: function() {
                    $('#div-main-content').fadeOut();
//                $('#content').hide();
//                $('#loading').show();
                    },
                    complete: function() {
//                $('#loading').hide();
//                $('#content').show();
                    },
                    success: function() {
//                $('#loading').hide();
                  $('#div-main-content').fadeIn();
//                  $('#div-main-content').show();
            }
        });
                    var $container = $("#div-main-content");
            //        $container.load(MakeRequest);
                    alert ("Loading: " + "page_" + ganaarpagina + ".php");
                            $container.load("page_" + ganaarpagina + ".php");
                }); }); }

これらのルートを次の方法で呼び出します。

<td>
 <a href="#/menu/Welkom" >
 <img src="images/test1.png" />
 </td>

<td>
 <a href="#/menu/Dogs1" >
 <img src="images/test2.png" />
</td>

<td>
 <a href="#/menu/Dogs2" >
 <img src="images/test3.png" />
</td>

ブラウザにhttp://link.nl/#/menu/Welkomと入力すると、完璧なページが表示されますが、URL の # が失われています。ページを更新すると、Web サーバーから「要求された URL が見つかりません」と表示されます。(これは、URL が「#」付きから「#」なしに変更されたためです。) href の 1 つをクリックしても機能せず、GET http://link.nl/Welkom?_=1365638638131 404 (見つかりません）

これらのルーティングされた URL を介して ajax をロードするにはどうすればよいですか? 次のサイトのセットアップと情報を試しましたが、役に立ちませんでした:

http://thomasdavis.github.io/examples/restful-app/

http://jsfiddle.net/ambiguous/xkZtB/

バックボーンルーターリスナーがハッシュタグにヒットしない

私はさらに多くのことを試しましたが、結果は同じであるか、「完全な情報」がありません。誰かが私の問題を見てくれることを願っていますか? 私が使用しているブラウザは、OSX 上の Chrome v26 です。

私が使用しているJavaスクリプトは次のとおりです。

<script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http:////ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script src='http://underscorejs.org/underscore-min.js'></script>
<script src='http://documentcloud.github.io/backbone/backbone-min.js'></script>

http://link.nl/サイトを参照すると、デフォルトルートが機能します。Link.nl は実際のサイトではなく、例として示しています。よろしく、

jquery - backbone.js ルーター

1 に答える 1

Related

Reference