Question

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

对于初学者，我已成功使用嵌入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>

此代码完全按照我的意愿运行（即弹出视频，然后我可以通过在框外点击来关闭。）

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

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

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

同样，当我点击链接的图像时，只出现一个我无法摆脱的黑色背景。关于我的代码中可能存在冲突的任何想法，以使嵌入不再有效或想法如何找出？

提前致谢。

Answer 1

事实证明，我的一个嵌入式系统正在调用Raphael库，这意味着该库被调用了两次。虽然我知道这不是最佳实践，但我仍然不明白为什么会导致这种根本不同的功能。

colorbox在ExpressionEngine嵌入时无效（youtube pop-up）

1 个答案: