Я не могу заставить Fancybox работать с Durandal. В качестве отправной точки я использую шаблон Hot Towel от John Papa.
Проблема: всякий раз, когда я нажимаю на изображение, оно переходит к пути к изображению, а не накладывается поверх страницы.
Библиотеки: Jquery v 1.9.1 и FancyBox 2.1.4.
Вид:
<section>
<a class="fancybox" title="Our fresh starters" href="http://www.preschools4all.com/image-files/little-bunny-foo-foo-1.jpg">
<img src="http://www.preschools4all.com/image-files/little-bunny-foo-foo-1.jpg" alt="Our fresh starters" />
</a>
</section>
ViewModel:
define(['services/logger', 'services/dataservice'], function (logger, dataservice) {
var vm = {
viewAttached: viewAttached,
activate: activate,
};
return vm;
function activate() {
//Do something
// return promise
}
function viewAttached() {
$(".fancybox").fancybox();
}
});
Конфигурация пакета:
bundles.Add(
new ScriptBundle("~/scripts/vendor")
.Include("~/scripts/jquery-{version}.js")
.Include("~/scripts/jquery.fancybox.js")
.Include("~/scripts/bootstrap.js")
);
bundles.Add(
new StyleBundle("~/Content/css")
.Include("~/Content/ie10mobile.css")
.Include("~/Content/bootstrap.css")
.Include("~/Content/jquery.fancybox.css")
);
Что случилось?