彩盒工作不正常時調用從內jQuery的幻燈片

我已經納入了尷尬的展示內容滑塊到我的網站，並在幻燈片的一個具有被點擊時應該調用顏色框在其自己的對話框打開一個YouTube視頻中的錨定圖像。沒有使用滑塊colorbox工程很好。一旦應用滑塊，colorbox不再有效。我立刻想到，它必須與滑不首先加載，也許顏色框本身不能適用於節點，即使它沒有隱藏。所以我使用Awkards自定義函數參數在幻燈片更改時調用colorbox。現在顏色框對話框的背景（對角線）顯示出來，但沒有對話框...如果你向下滾動頁面，你會得到一個白色的斑點，可能是顏色框對話框，而是在它裏面沒有任何內容。任何想法爲什麼發生這種情況？與載入幻燈片的方式有關。彩盒工作不正常時調用從內jQuery的幻燈片

我拿出了代碼，做了一個單獨的頁面來測試，看看我能否弄清楚這裏的代碼http://pastebin.com/WSzWCGSg和插件網址如下。測試件在第一張幻燈片上有colorbox工作，然後在滑塊移動後無法在任何後續幻燈片或原稿上工作。

尷尬的魅力 - http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/ 彩盒 - jacklmoore.com/colorbox/

來源

2012-02-01 mtpultz

你或許應該發佈您的代碼。 – 2012-02-01 21:22:59

感謝科林，對不起，我現在已經添加了一個測試頁到原來的職位，需要什麼。 – mtpultz 2012-02-05 01:21:39

好吧，我想通了。我試圖通過簡單地放入colorbox代碼來使用它的custom_function：arg來調用colorbox。但是你必須把它封裝在一個函數（）{}中，否則它不起作用。

所以使用的代碼片段，我改變了custom_function：

function() { jQuery(".videos_colorbox").colorbox({iframe:true, 
                innerWidth:640, 
                innerHeight:390});}

，而不是僅僅使用custom_function：

jQuery(".videos_colorbox").colorbox({iframe:true, 
            innerWidth:640, 
            innerHeight:390})

這肯定不一樣。

來源

2012-02-05 01:39:51 mtpultz

我不知道你的幻燈片是否是動態的，但我甚至會如下綁定：

$(document).ready(function() { 
    $('#CLOSEST_ID_TO_CONTAINER_THAT_HOLDS_ALL_SLIDES').on('click','.YOUR_ANCHOR_CLASS',function(e) { 
     e.preventDefault(); 
     $(this).colorbox({...}); 
    }); 
});

沒有看到雖然你在做什麼，但這個答案在黑暗中刺傷。

來源

2012-02-02 16:17:24 HGPB

彩盒工作不正常時調用從內jQuery的幻燈片

回答

相關問題