SCM Player(http://scmplayer.net/)と呼ばれるシームレスオーディオプレーヤーとFancyBoxと呼ばれるJQueryプラグインを使用しています。2つのスクリプトの衝突にはいくつかの問題があるようです。プレーヤーからコードを追加すると、fancyboxが機能しなくなります。
私のコードは次のようになっています。HEAD:
<!-- jquery lib -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!-- Fancybox -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a.cart").fancybox({
'hideOnContentClick': false
});
});
</script>
BODYタグの先頭:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Tommy Castro - Bad Case of Love','url':'http://santacruzbluesfestival.com/sounds/saturday/01.mp3'},{'title':'Tommy Castro - Exception to the Rule','url':'http://santacruzbluesfestival.com/sounds/saturday/02.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
実際の問題は次のとおりです。http: //santacruzbluesfestival.com/dev/buy-tickets.php
[カートに追加]ボタンをクリックすると、fancyboxのポップアップが表示されます。