Powiązanie paska narzędzi z wymaganiem JS

Question

Najnowsza wersja beta (v4) Bootstrapa używa Tether js do pozycjonowania elementów, nie mogę pozwolić, aby działało w mojej aplikacji Requirejs.

w moim requirejs config Mam następujący podkładka na

paths: { 
    jquery: '/path/to/jquery', 
    tether: '/path/to/tether' 
}, 
shim: { 
    'bootstrap': ['tether', 'jquery']  
} 

A kiedy chcę włączyć podpowiedzi w mojej aplikacji, używam następujący kod, który moim zdaniem jest prawidłowe

function page_events() { 
    requirejs(['bootstrap'], function(bootstrap) { 
     $('[data-toggle="tooltip"]').tooltip(); 
    }); 
} 

Powinno to wczytaj najpierw zależności bootstraps, a następnie wykonaj kod. Więc zwykle Tether powinien być włączony przed tym kawałkiem kodu.

Ale wynik konsola jest

Uncaught ReferenceError: Tether is not defined

Czy ktoś ma ten sam problem?

Answer 1

Jeśli chcesz, aby Tether był dostępny globalnie, powinieneś dołączyć go ręcznie za pomocą znacznika skryptu. RequireJS nie ujawnia tego.

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

Answer 2

Utwórz skrypt tak:

define(['lib/tether.min'], function(tether) { 
    window.Tether = tether; 
    return tether; 
}); 

następnie zmienić to:

paths: { 
    jquery: '/path/to/jquery', 
    // tether: '/path/to/tether' 
    tether: '/path/to/your-own-tether' 
}, 
shim: { 
    'bootstrap': ['tether', 'jquery']  
} 

Dlaczego? ponieważ przeglądarka tego wymaga:

window.Tether = tether; // May be both requirejs and tether didn't do this