Colorbox無法在ExpressionEngine嵌入式（YouTube彈出）中工作

馬上就要蝙蝠了，我想解釋一下，我是網頁設計的全新手。在那張紙上，我認爲我遇到了一個超出我的概念技能水平的問題。Colorbox無法在ExpressionEngine嵌入式（YouTube彈出）中工作

對於初學者來說，我已經成功實施顏色框與下面的代碼嵌入YouTube視頻：

<head> 
{js} 
<link rel="stylesheet" type="text/css" media="all" href="{stylesheet='in-store-analytics/testStyle'}" /> 

<script> 
$(document).ready(function(){ 
      $(".youtube").colorbox({iframe:true, innerWidth:435, innerHeight:344}); 
}); 
</script> 
</head> 

<body> 
<p> <a class="youtube" href="http://www.youtube.com/embed/" title="horses"> 
<img src="/uploads/features/featured-block-1.jpg" /></a></p> 
</body>

此代碼的工作完全按照我會把它想（即它彈出的視頻，我可以再關閉通過單擊框外）

然而，當我嘗試使用ExpressionEngine我有新的問題的另一個代碼塊中嵌入該代碼：當我試圖關閉彈出窗口，後臺保持不透明等等我無法再看到原始網頁。顯然，背景中有些東西是相互矛盾的，但我不知道這種衝突可能是什麼。

這裏是周邊嵌入的代碼（我標誌着與破折號嵌入）：

<head> 
</head> 
    {favicon} 
    {global_stylesheets} 
    {js} 

    <body class="technology"> 
     <div id="wrapper"> 
      {embed='embed/header'} 
      <div id="masthead"> 
       {embed='embed/nav'} 
       <div id="banner"> 

        <div style="display:none;"> 

        </div> 
       </div> <!-- END div banner --> 
       <br style="clear: left;" /> 
      </div> <!-- END div masthead --> 

      <div id="content-main"> 
       <div id="content-col1"> 
        <h3></h3> 
        <div id="lead-sentence"> 

        </div> 
        <div id="main-body{if subpage_graphic != ''}-graphic{/if}"> 

      <h1> Hello world and welcome to my link!</h1> 

     ------- {embed="in-store-analytics/testing2"} -------- 

        </div> <!-- END div text-content --> 

        <br style="clear: both;" /> 
       </div> <!-- END div content-col1 --> 
       {embed="embed/crosslinks"} 
       <br style="clear: both;" /> 
      </div> 
      {embed="embed/footer"} 
     </div> <!-- END div wrapper -->

同樣，當我點擊鏈接的圖像上，只有黑色的背景出現，我不能讓擺脫。對於我的代碼中可能存在衝突的任何想法，以便使嵌入不再起作用或想法如何去發現？

在此先感謝。

來源

2012-10-03 matt hoover

你可能會得到jQuery的多個實例 - 一個來自EE免費，一個你自己來支持colorbox。 [Firebug]（https://getfirebug.com/）或者其他類似的東西就是你的朋友，但即使是JavaScript控制檯也可能顯示足夠的信息來開始排除故障。 –

感謝您的建議，並且我收到的錯誤是「I.html（K.close）.show不是函數」 –

我要在網上探聽 –

事實證明，我的一個嵌入是叫拉斐爾圖書館，這意味着圖書館被稱爲兩次。雖然我知道這不是最佳實踐，但我仍不明白爲什麼會導致這種完全不同的功能。

來源

2012-10-11 16:16:42

Colorbox無法在ExpressionEngine嵌入式（YouTube彈出）中工作

回答

相關問題