Colorbox無法打開或添加cbox類

我有一個<a href="">，其目標是隱藏的<div>。我將隱藏的HTML內容加載到彈出式模式窗口中，但我的鏈接始終通過主頁（baseurl）。Colorbox無法打開或添加cbox類

http://coolicebox.petersenuploads.co.uk/product.php?xProd=2&xSec=5

看到在選項面板中的鏈接（見更多的顏色）

它看起來像CBOX類沒有被添加到鏈接，但我不能爲我的生命看爲什麼它沒有運行？代碼在那裏，被調用，但沒有添加類，因此鏈接會轉到網站的根目錄。

任何想法？

非常感謝

來源

2012-08-24 Jeepstone

的元件是在HTML由時間的document.ready（），但有一個與前一呼叫到「什麼滑塊」的問題。我做了如下評論，在做其他事之前檢查滑塊是否存在。現在工作。感謝您的幫助和建議Andy，即使這不是解決方案。

$(document).ready(function() { 
if($('#slider').length > 0) { 
    $('#slider') 
     .anythingSlider({ 
      navigationFormatter : function(index, panel){ 
       return ['Slab', 'Parking Lot', 'Drive', 'Glorius Dawn', 'Bjork?', 'Traffic Circle'][index - 1]; 
      }, 
      buildStartStop: false, 
      buildNavigation: true, 
      autoPlay: true 
     }) 
     .anythingSliderFx({ 
      '.caption-top' : [ 'caption-Top', '50px' ], 
     }) 
} 
//Add modal functionality where class is set 
$('.modal-inline').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true}); 
$('.modal-image').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:false}); 
$('.modal-image-square').colorbox({transition:'elastic', speed:500, width:'1000', height:'1000', inline:false}); 
});

來源

2012-08-28 11:14:01 Jeepstone

我不認爲正在執行的

$('.modal-inline').unbind('click').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});

。我在上面放了一個斷點，它並沒有停下來。

由於某些原因，$('.model-inline')選擇器沒有找到任何要製作成彩盒的元素。那麼你是否在選擇器已經執行之後動態添加元素？

如果拖放到瀏覽器控制檯（按Ctrl +移+Ĵ在Windows上），然後輸入

$('.modal-inline').unbind('click').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});

，然後點擊鏈接，那麼它的作品！

另一個因素可能是因爲該頁面是not valid，但由於無效標記，我還沒有看到此類事情發生之前。

來源

2012-08-24 14:12:16 andyb

我修復了儘可能多的驗證錯誤。其餘的與Cloudzoom相關，它的大型rel =「」屬性。有東西會被劫持嗎？我以前在這些類型的網站上使用過colorbox，並沒有問題。它可能是一個jQuery版本問題？ – Jeepstone

不幸的是，頁面現在有一個UTF-8錯誤（可能是現在顯示爲缺失字符的'£'）。驗證器無法解析非UTF-8字節。你也可以說是否你試圖綁定的''。colorbox（）'是動態添加的還是PHP生成的頁面的一部分？ – andyb

此外，頁面中的jQuery版本與colorbox示例中的版本相同，因此它不是jQuery版本問題。禁用其他插件是縮小問題的一個好方法，但我仍然認爲這是因爲綁定在控制檯中完成時是成功的，但它不在'$（document）.ready（）;'中工作，就像你想要綁定的元素那時不存在一樣 – andyb

使用Chrome的DevTools查看您的網站，確認@ andyb的斷言：沒有事件偵聽器附加的到'modal-inline'類的標記。

你爲什麼要在該鏈接上執行'unbind'方法？ ColorBox爲您處理自己的點擊事件綁定。

凱文M.

來源

2012-08-24 19:48:58

Colorbox無法打開或添加cbox類

回答

相關問題