Question

I am using colorbox which I have used many times for different clients, but it is not working this time and I can not figure out why. I am trying to open a video on YouTube, and then open up some inline HTML, I’ve copied the code from the examples just as I always do, and replaced what needs to be replaced. There are parts of the script that are missing when I look at the source code from the browser. The website is http://www.powerhousebowling.com. Maybe I’m missing something.

In my backend it looks like this:

<script type="text/javascript">
    $(document).ready(function(){
    $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    $(".open_colorbox").colorbox({width:"50%", inline:true, href:"#inline_text"});
    });
</script>

But when I look at the source code in FF or IE it shows…

<script type="text/javascript">
    $(document).ready(function(){
        $(".youtube").colorbox();
        $(".open_colorbox").colorbox();
    });
</script>

Answer 1

I finally found out what was happening about a week ago, sorry for the delay in answering, I was out of the office. The CMS that we use, ExpressionEngine, was thinking anything between the curly brackets were tags for itself, I took the script outside the CMS and pointed to it, works fine! Hope this helps anyone else!