Javascript 颜色框在ExpressionEngine嵌入中不工作（youtube弹出窗口）_Javascript_Css_Embed_Colorbox_Expressionengine

Javascript 颜色框在ExpressionEngine嵌入中不工作（youtube弹出窗口）

javascript css

Javascript 颜色框在ExpressionEngine嵌入中不工作（youtube弹出窗口）,javascript,css,embed,colorbox,expressionengine,Javascript,Css,Embed,Colorbox,Expressionengine,我想马上解释一下，我在网页设计方面完全是个新手。在这方面，我认为我遇到了一个超出我的概念技能水平的问题首先，我已经成功地用嵌入的youtube视频实现了colorbox，代码如下： <head> {js} <link rel="stylesheet" type="text/css" media="all" href="{stylesheet='in-store-analytics/testStyle'}" /> <script> $(document).r

我想马上解释一下，我在网页设计方面完全是个新手。在这方面，我认为我遇到了一个超出我的概念技能水平的问题

首先，我已经成功地用嵌入的youtube视频实现了colorbox，代码如下：

<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>


{js}
$（文档）.ready（函数（）{
$（“.youtube”）.colorbox（{iframe:true，innerWidth:435，innerHeight:344}）；
});

这段代码的工作原理与我所希望的完全一致（即，它弹出视频，然后我可以通过单击框外来关闭视频）

然而当我尝试使用ExpressionEngine将此代码嵌入另一个代码块时，我遇到了一个新问题：当我尝试关闭弹出窗口时，背景保持不透明，因此我无法再看到原始网页。显然，背景中有些冲突，但我不知道冲突可能是什么

以下是围绕嵌入的代码（我用破折号标记嵌入）：


{favicon}
{全局_样式表}
{js}
{embed='embed/header'}
{embed='embed/nav'}


你好，世界，欢迎来到我的链接！
-------{embed=“店内分析/测试2”}--------


{embed=“嵌入/交叉链接”}


{embed=“嵌入/footer”}

同样，当我点击链接图像时，只会出现一个我无法摆脱的黑色背景。有没有关于我的代码中有什么可能会发生冲突，从而使嵌入不再工作的想法，或者关于如何去发现的想法

提前谢谢。

原来我的一个嵌入式设备正在调用Raphael库，这意味着该库被调用了两次。虽然我知道这不是最佳实践，但我仍然不明白为什么会产生如此截然不同的功能。

您可能会得到多个jQuery实例——一个是免费的EE实例，另一个是您为支持colorbox而自己添加的实例。或者类似的东西是你在这里的朋友，但是即使是javascript控制台也可能会显示足够的信息来开始故障排除。谢谢你的建议，我收到的错误是“I.html（K.close）。show不是一个函数”，我将在网上四处窥探

   <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 -->