WordPress ツールチップ スクリプトがインストールされています。このスクリプトは、header.php と footer.php の両方のファイルに配置されている jQuery.min.js ファイルを使用します。これを行うと、私の Web サイトのレイアウトが完全に乱れ、他の jQuery プラグインが正常に動作しなくなります。そして、この jQuery.min.js ファイルのいずれか (footer.php または header.php から) を削除すると、ツールチップが機能しなくなります。
私を助けてください。
ツールチップの私の Header.php コードは次のとおりです。
<!-- Scripts -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script>
<!-- aToolTip js -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.js"></script>
<!-- aToolTip js -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.min.js"></script>
<!-- Scripts -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.pack.js"></script>
<script type="text/javascript">
$(function(){
$('a.normalTip').aToolTip();
$('a.fixedTip').aToolTip({
fixed: true
});
$('a.clickTip').aToolTip({
clickIt: true,
tipContent: 'Follow me on Instagram! @roomno11'
closeTipBtn: 'aToolTipCloseBtn',
persistent: true,
});
$('a.callBackTip').aToolTip({
clickIt: true,
onShow: function(){alert('I fired OnShow')},
onHide: function(){alert('I fired OnHide')}
});
});
</script>
同じコードが footer.php ファイルにあります。
<!-- Scripts -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script>
<!-- aToolTip js -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.js"></script>
<!-- aToolTip js -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.min.js"></script>
<!-- Scripts -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.atooltip.pack.js"></script>
<script type="text/javascript">
$(function(){
$('a.normalTip').aToolTip();
$('a.fixedTip').aToolTip({
fixed: true
});
$('a.clickTip').aToolTip({
clickIt: true,
tipContent: 'Follow me on Instagram! @roomno11'
closeTipBtn: 'aToolTipCloseBtn',
persistent: true,
});
$('a.callBackTip').aToolTip({
clickIt: true,
onShow: function(){alert('I fired OnShow')},
onHide: function(){alert('I fired OnHide')}
});
});
</script>
私を助けてください。
さらに、下手な英語で申し訳ありません。これを理解していただければ幸いです。