チェックボックスのデザインが変わりません

質問

<script type="text/javascript" src="js/jquery.screwdefaultbuttonsV2.js"></script>
と
$('input:checkbox').screwDefaultButtons({
image: 'url("img/common/check_box.gif")',
width: 20,
height: 20
});
の組み合わせにより、お問い合わせフォームのチェックボックスを独自の画像に変えております。
自動フリガナ入力に対応するために、
prototype.js＋autoKana.jsの組み合わせを記述すると、
チェックボックスから画像が外れ、普通のチェックボックスに変わります、
両方を共存させるためには、どうすればいいのでしょうか。

回答No.1

hitomura

簡単に言うと、$ という名前が prototype.js と iQuery とで衝突しています。

対処法は多分以下のページがわかりやすいかと思います。
http://www.casleyconsulting.co.jp/blog-engineer/jquery/%E3%80%90%E5%88%9D%E5%BF%83%E8%80%85%E5%90%91%E3%81%91%E3%80%91jquery-%E3%81%A8-prototype-js-%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%95%E3%83%AA%E3%82%AF%E3%83%88%EF%BC%88%E7%AB%B6%E5%90%88%EF%BC%89/

補足

下記の入力表記に変えて見たのですが、やはりチェックボックスのデザインが、表示されておりません。
記述方法を教えていただけないでしょうか。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.screwdefaultbuttonsV2.js"></script>
<script type="text/javascript" src="js/page-scroller.js"></script>
<script type="text/javascript" src="js/select.js"></script>
<script type="text/javascript" src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js"></script>
<script type="text/javascript" src="./config/js/prototype.js"></script>
<script type="text/javascript" src="./config/js/autoKana.js"></script>
<script type="text/javascript" src="./config/js/fontchange.js"></script>
<script type="text/javascript" src="./config/js/formcheck.js"></script>
<script type="text/javascript">
function pc_check(){
var isAndroid = (navigator.userAgent.match(/Android/i));
var isiPhone = (navigator.userAgent.match(/iPhone/i));
var isiPad = (navigator.userAgent.match(/iPad/i));
var isFlashInstalled=function(){if(navigator.plugins["Shockwave Flash"]){return true;}try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");return true;}catch(a){return false;}}();
var pc_check;
if(isAndroid || isiPhone){
pc_check = "sp";
}else if(isiPad){
pc_check = "ipad";
}else {
if (isFlashInstalled){
pc_check = "pc";
}else{
pc_check = "sp";
}
}
return pc_check;
}
if(pc_check() != 'ipad'){
document.write('<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">');
}
jQuery.noConflict();
$(function(){
$('input:checkbox').screwDefaultButtons({
image: 'url("img/common/check_box.gif")',
width: 20,
height: 20
});
$('.selectValHidden').each(function(){
$(this).next().text($(this).val());
});
document.onclick=clickHandler;
$(".submit li").mouseover(function(){
$(this).find("input").stop();
$(this).find("input").animate({opacity:0.6},{duration:0.5*1000, easing:"linear"});
}).mouseout(function(){
$(this).find("input").stop();
$(this).find("input").animate({opacity:1.0},{duration:1*1000, easing:"linear"});
});
})(jQuery);
</script>

//フリガナ変換
<script type="text/javascript">
var auto_kana_1 = new AutoKana('articlename01', 'articlename03', {katakana:true, toggle:false});
var auto_kana_2 = new AutoKana('articlename02', 'articlename04', {katakana:true, toggle:false});
</script>