FancyBox插件無法正常工作

Question

我的裝飾盒有問題。當我點擊鏈接時，精美的框會獲取內容，但不會顯示燈箱並跳轉到我應該通過Ajax獲取其返回內容的頁面。

HTML：

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

JS：

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

我的結果：

Answer 1

從shapshots， 我可以說你喜歡爲漂亮的盒子添加插件文件。

這裏是jQuery的鏈接看中箱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/演示進一步信息

Answer 2

如果打開一個外部頁面，您可能需要設置content的type，無論是使用像

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

的API選項或使用HTML5 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中工作。

另外請確保你在.ready()方法中包裝你的fancybox腳本代碼。