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-->
お礼
回答ありがとうございます。 youtube見落としていました！ youtube動画を背景にフルスクリーンで表示させて字幕機能をつける方法でやってみたいと思います！ ありがとうございました！