JQUERYのいくつかが順番によって機能しなくなり
JQUERYのいくつかが順番によって機能しなくなります。
干渉を起こしているのかと思うのですが、どうすれば解決できるのでしょうか?var j = jQuery.noConflict();などをやってみましたが、知識不足でうまくいきませんでした。
・top messageのみ動く。
var j = jQuery.noConflict();
<!--page-scroll-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.page-scroller.js"></script>
・fontsizeとtop messageのみ動く。
<!--script-->
<a href="#main" class="gotop"></a>
<!--top message-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/message.js"></script>
<!--fontsize-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.textresizer.min.js"></script>
<script>
$(function(){
$("h1+ul a").textresizer({
target: "#contentsrighttop,.copyright,address,div#list div p",type: "fontSize",// サイズ指定方法
sizes: [ "13px", "15px", "20px"],// フォントサイズ
selectedIndex: 1 // 初期表示
});
});
</script>
<!--page-scroll-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.page-scroller.js"></script>
<!--script end-->
<!--fontsize-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery.textresizer.min.js"></script>
<script>
jQuery(function(){
jQuery("h1+ul a").textresizer({
target: "#contentsrighttop,.copyright,address,div#list div p",type: "fontSize",// サイズ指定方法
sizes: [ "13px", "15px", "20px"],// フォントサイズ
selectedIndex: 1 // 初期表示
});
});
</script>
<!--top message-->
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/message.js"></script>
<!--script end-->
お礼
回答ありがとうございました。 その後、なんとか無事動作するようになったのですが、 どうして無事動作するようになったのか、不明です。 >第3者にそのまま見てもらうというのも、有効です。 そうなんですが……。まあ、なかなかその第3者を見つけられない…、というのが現状でして…。 とりあえず、この機会にjavascriptを じっくり勉強してみようかと思ってます。