2012-09-18 114 views
0

我已經有了一套的fancybox我的圖像,像這樣的fancybox沒有加載一個頁面上,但在另一個

<a class="fancybox fancybox.iframe" href="products.php?prod_id=36"> 
    <div class="prod-img"> 
     <img src="images/products/Apples_Red_Delicious.jpg" style="max-height:114px; max-width: 114px;" alt="Apples Red delicious ($3.99kg)"/> 
    </div> 
</a> 

而且我已經得到了文件準備設置腳本

$(document).ready(function() { 
    $('.fancybox').fancybox({ 
     width: 560, 
     autoHeight: true, 
     scrolling: 'no' 
    }); 
}); 

type: 'iframe'已從腳本中刪除,因爲不需要,也沒有區別)

但它只是不會加載Fancybox中的頁面給我!

我從字面上複製粘貼來自另一個文檔的代碼在同一個文件夾中,它在那裏工作,但不在這裏。

我已經嘗試了移動的鏈接環繞只是標準的文本,但仍然沒有運氣

您可以在http://www.dpdesignz.co.nz/homefresh/shop.php?prod=1預覽頁面。任何人都可以看到它可能有什麼問題嗎?

+1

出於好奇,你爲什麼要把產品的div放在表格裏面?這是一個可怕的設計錯誤:http://stackoverflow.com/questions/9942538/is-it-correct-to-use-div-inside-form – Cosmin

+0

@Cosmin我的客戶使用的幾個瀏覽器不允許數字輸入字段正常工作,沒有他們:)。不記得是什麼 – dpDesignz

+0

1.這很奇怪。 2.我仍然不明白爲什麼你在那裏使用表格?你提交什麼信息進行處理?只需刪除表單標籤。 – Cosmin

回答

1

雖然上面的事告訴了真正的頁面的真正的問題是驗證插件

刪除此,並嘗試

<script type="text/javascript" src="js/jquery.validate.js"></script> 

似乎有衝突。

順便說一句我建議你使用驗證引擎插件。 http://www.position-relative.net/creation/formValidator/index.html

+0

謝謝謝謝謝謝謝謝!雖然這太奇怪了。感謝您的鏈接。我會嘗試。 :) – dpDesignz

1

嘗試將IFRAME引號,像這樣:

 type: 'iframe' 
+0

對不起,請參閱更新代碼。這在其他頁面上工作,但仍然不是這個 – dpDesignz

+1

你能告訴我們第二頁嗎? – bjauy

+0

不幸的是。這是唯一的公共頁面。其他人都是我的管理員後端頁面 – dpDesignz

0

使用type:iframe不帶引號 '' 將導致錯誤。 因此,只需將類型iframe中的單引號添加到下面的代碼中即可。

$('.fancybox').fancybox({ 
     width: 550, 
     height: 590, 
     type: 'iframe' 
    }); 

希望這將幫助你

相關問題