У меня проблема с моей причудливой коробкой. когда я нажимаю на ссылку, причудливый ящик получает контент, но не показывает лайтбокс и переходит на страницу, на которой я должен получить возвращаемый контент через Ajax.
HTML:
<a class="butt red medium fancybox" href="http://localhost/food/index.php/food/ajaxExtras?foodId=412">سفارش </a>
JS:
$("a.fancybox").fancybox();
Мой результат:
Если вы открываете внешнюю страницу, вам может потребоваться установить 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()
.
из ваших снимков, я могу сказать, что вы 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/ для получения дополнительной информации