Fancybox v2 не работает с Durandal

Я не могу заставить 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")
);

Что случилось?


person Yogesh    schedule 05.05.2013    source источник
comment
вы включили файл fancybox css?   -  person JFK    schedule 05.05.2013
comment
Да, я включил jquery.fancybox.css. Я добавил его в фрагмент кода.   -  person Yogesh    schedule 06.05.2013
comment
Похоже, проблема была с bootstrap.js v 2.3.0. Boostrap 2.3.0 несовместим с fancybox v2. Я обновил свои файлы js до версии 2.3.1, и это сработало. P.S.: Stackoverflow не позволяет мне ответить на мой собственный вопрос до истечения 8 часов с момента, когда я задал вопрос.   -  person Yogesh    schedule 06.05.2013


Ответы (1)


Похоже проблема была с bootstrap.js v 2.3.0

Boostrap 2.3.0 несовместим с fancybox v2. Я обновился до начальной загрузки 2.3.1 и решил свою проблему.

person Yogesh    schedule 06.05.2013