Плагин FancyBox не работает

0

У меня проблема с моей причудливой коробкой. когда я нажимаю на ссылку, причудливый ящик получает контент, но не показывает лайтбокс и переходит на страницу, на которой я должен получить возвращаемый контент через Ajax.

HTML:

<a class="butt red medium fancybox" href="http://localhost/food/index.php/food/ajaxExtras?foodId=412">سفارش </a>

JS:

$("a.fancybox").fancybox();

Мой результат: Изображение 174551

Теги:
fancybox
lightbox

2 ответа

0

Если вы открываете внешнюю страницу, вам может потребоваться установить type content, либо используя опцию API, например

$("a.fancybox").fancybox({
    type: "ajax" // or "iframe"
});

или используя data-fancybox-type в вашей ссылке, например

<a data-fancybox-type="ajax" class="butt red medium fancybox" href="http://localhost/food/index.php/food/ajaxExtras?foodId=412">سفارش </a>

Обратите внимание, что большинство вызовов ajax требуют проверки в серверной среде и могут не работать в localhost.

Также убедитесь, что вы обмениваете код сценария fancybox внутри метода .ready().

0

из ваших снимков, я могу сказать, что вы havnt добавили файлы плагинов для причудливого окна.

вот ссылки для jQuery fancy box plugins.just добавьте их между вашими тегами заголовка

http://code.jquery.com/jquery-1.10.2.min.js

JS/FancyBox-1.3.4/jquery.easing-1.3.pack.js

JS/FancyBox-1.3.4/jquery.mousewheel-3.0.4.pack.js

любезно просмотрите демо в http://fancybox.net/ для получения дополнительной информации

  • 0
    Я не такой любитель.
  • 0
    это необязательный скрипт и не влияет на процесс
Показать ещё 1 комментарий

Ещё вопросы

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