colorbox不會打開燈箱，而是直接打開網址

我想使用燈箱打開谷歌日曆。我已經看到了使用彩盒另一個網頁做了（這裏：http://www.orovalleybicycle.com/點擊「擴展爲完整的日曆」的右邊），但是當我試圖實現真正類似的東西（也使用顏色框）日曆拒絕打開裏面一個彩盒。當我點擊我的超鏈接時，應該觸發colorbox，它只是從我的頁面導航，並直接打開谷歌日曆的URL。colorbox不會打開燈箱，而是直接打開網址

所以基本上，這裏是我的代碼的相關位......我已經嘗試儘可能複製演示頁面上的內容（http://www.jacklmoore.com/colorbox/example1/），以便我知道它應該工作（除非你看到相對URL實際使用絕對的，改變了安全& simplifiaction）：

在我<head>標籤：

<link rel="stylesheet" href="colorbox/colorbox.css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> 
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script> 

<script> 
    $(document).ready(function(){ 
     $(".colorboxcal").colorbox({iframe:true, width:"80%", height:"80%", transition:"fade"}); 
    }); 
    </script>

在機身：

<a class="colorboxcal" href="https://www.google.com">Open Full Calendar</a>

但基本上，它的行爲就好像它只是這樣說：

<a href="https://www.google.com">Open Full Calendar</a>

我試過下面的東西弄清什麼是造成問題：

檢查的絕對路徑是正確的
嘗試將jquery.min的引用更改爲本地機器上的副本，並嘗試了不同的版本（沒有區別）
嘗試更改'href'以指向我的電腦上的圖像（結果：單擊鏈接運ened在布勞爾窗口中的圖像，所以同樣的老問題）
了移動href屬性爲<script>代碼頂部（結果：點擊鏈接什麼也沒做。錯光標dispayed並不像一個鏈接，只是文本）
把相同的代碼在測試頁面，沒有別的，但最基本的要素（結果：。點擊鏈接打開的網址，所以同樣的老問題）
試圖消除所有的屬性，除了寬度&高度覆蓋.colorbox默認的（結果：相同的老問題）
試圖消除ready(function()東西，放置<script>代碼只是下需要它（結果</a>標籤：同老問題）

我很想檢查是否colorbox實際上是被觸發或加載的，但我無法弄清楚如何。

我檢查了，我的頁面很好地驗證爲XHTML（可使用W3和使用Dreamweaver），所以我不認爲我有任何愚蠢的未關閉標籤或任何導致問題。但它可能是同樣顯而易見的，我忽略了！我使用PHP來調用頁眉&頁腳&導航，並且我在網站上的其他地方使用了javascript和jquery，並且其工作正常。我試過用Firefox和Chrome瀏覽它（本地託管），但結果在兩者中都是一樣的，所以我不認爲它與瀏覽器問題有關。我的php正在錯誤... ...被xampp lite解析（？那是什麼正確的術語？），但是我在Google上搜索並找不到任何預期的混淆。

我開始建立這個網站作爲一個完整的新手到HTML，PHP，JavaScript，jQuery - 很多，所以，如果你聰明的靈魂需要愚蠢的迴應你的道歉，我是一個絕對noob和我的頭正在游泳！但有人（請！）有任何建議，爲什麼colorbox does not工作？提前謝謝！

來源

2012-09-14 a_minnie

發佈帶有實際問題的網頁。 – Blender

它只在我的本地機器上，不在www上，所以很抱歉，我不能... –

將它託管在您的測試網站上。調試你實際看不到的東西是沒用的。 – Blender

有些網站不允許您在iframe中顯示它們，www.google.com就是其中之一。

來源

2012-09-14 20:33:04 Jack

啊！所以這意味着...... A）我不能嵌入任何東西從谷歌包括我的日曆 - 我沒有真正嵌入google.com其google.com/calendar/embed?src=username,etc,etc（如果是這樣的話，其他人如何做到這一點 - 它在代碼中的權利，看起來很簡單）或者B）如果我不使用iframe，我可以嵌入它嗎？ –

我只是專門爲www.google.com發表評論。我沒有使用他們的日曆的經驗，但如果他們不允許iframing，那麼他們會提供一些替代的嵌入方式。它看起來像其他人正在使用專門存在嵌入的URL：https://www.google.com/calendar/embed?src=xxxx – Jack

是的，這就是我也使用，谷歌日曆鏈接，他們提供嵌入。問題是，我甚至沒有看到在其中出現失敗的谷歌日曆的彩盒。該鏈接完全跳過了colorbox，直接帶我到谷歌日曆的URL ......這有道理嗎？那是什麼讓我覺得我的彩盒設置或編碼有些問題。 –

colorbox不會打開燈箱，而是直接打開網址

回答

相關問題