I am attempting to use jQuery ColorBox and have an onclick button close it, as opposed to the close button. I know the calling jQuery with "$" conflicts with the Javascript Weebly uses, so I changed out all of them with "jQuery" and it works fine locally in my browser. But the button doesn't close the box when I add it to my Weebly theme. Any suggestions? Here is what I have at the moment, and it works but just not in Weebly. Any help would be much appreciated.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
window.onload = function() {
function openColorBox(){
jQuery.colorbox({closeButton:false, escKey:false, width:"80%", height:"80%", overlayClose: false,
html:"<h1>are you 21 or older?</h1> </br> " + "No, I am under 21".link("http://www.google.com")
+ "</br><button onclick='parent.jQuery.colorbox.close(); return false;'>Yes, I am 21 or older</button>" });
}
var scr = document.createElement('script');
scr.src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js";
document.getElementsByTagName('body')[0].appendChild(scr);
setTimeout(openColorBox, 10);
};
</script>
