Внедрить Сидр в Дюрандаль

0

Я пытаюсь получить плагин Sidr для работы в Durandal. Вот что у меня есть

Main.js

requirejs.config({
paths: {
    'text': '../lib/require/text',
    'async': '../lib/require/async',
    'durandal': '../lib/durandal/js',
    'plugins': '../lib/durandal/js/plugins',
    'transitions': '../lib/durandal/js/transitions',
    'knockout': '../lib/knockout/knockout-2.3.0',
    'bootstrap': '../lib/bootstrap/js/bootstrap',
    'sidr': '../lib/sidr/jquery.sidr.min',
    'jquery': '../lib/jquery/jquery-1.9.1'
},
shim: {
    'bootstrap': {
        deps: ['jquery'],
        exports: 'jQuery'
    },
    'sidr': {
        deps: ['jquery']
    }

  }
});

Shell.js

define(['plugins/router', 'durandal/app', 'sidr'], function (router, app, sidr) {

return {
  router:router,
  activate:{...},
    compositionComplete: function (view, parent) {
            $('#simple-menu').sidr();

       return true;
    }
 }

Shell.html

<div data-bind="compose: { view: 'nav' }"></div>

<div id="wrap" class="container">
   <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">

            <div class="menuicon pull-left">
                <a id="simple-menu" href="">
                    <img alt="#" src="images/menu.png" /></a>
            </div>
     </div>
   </div>

nav.html

<nav>
...
</nav>

Резюмировать мою проблему просто... она не работает! Когда я нажимаю кнопку меню, ничего не происходит. Что мне нужно делать по-другому?

Теги:
requirejs
durandal-2.0

1 ответ

0

Я думаю, что вам нужно называть элемент nav, если это меню:

<nav id="sidr">
...
</nav>
  • 0
    Хммм ... интересно, я обязательно попробую это ... Я использовал что-то еще для этого проекта, но спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню