jQuery.min.js文件冲突
我安装了WordPress工具提示脚本,该脚本使用jQuery.min.js文件,该文件位于header.php和footer.php两个文件中。这样做,我的网站布局完全被打乱,其他jQuery插件无法正常工作。如果删除这个jQuery.min.js文件(无论是从footer.php还是header.php),工具提示将不再有效 请帮帮我 工具提示的My Header.php代码是:jQuery.min.js文件冲突,jquery,wordpress,jquery-tooltip,Jquery,Wordpress,Jquery Tooltip,我安装了WordPress工具提示脚本,该脚本使用jQuery.min.js文件,该文件位于header.php和footer.php两个文件中。这样做,我的网站布局完全被打乱,其他jQuery插件无法正常工作。如果删除这个jQuery.min.js文件(无论是从footer.php还是header.php),工具提示将不再有效 请帮帮我 工具提示的My Header.php代码是: <!-- Scripts --> <script type="text/jav
<!-- 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>
首先,检查wordpress是否已经包含jquery。应该是这样的,因为你提到还有其他插件在尝试使用它
然后,从页眉和页脚(如果存在)中删除jquery.min.js调用,并用jquery()替换$()指令。例如,现在你有了
$(function(){
$('a.normalTip').aToolTip();
应该是
jQuery(function(){
jQuery('a.normalTip').aToolTip();
这是因为jquery总是包含在冲突模式“on”中,以避免与任何其他javascript库发生冲突。您还有其他javascript库吗?控制台中显示了哪些错误消息?您需要将其从页脚或页眉中删除,但不应该同时在页脚或页眉中。但是当我删除它时,工具提示将停止工作。我们可以在任何地方看到您的代码吗?它是公开的吗?如果是这样的话,添加一个链接。谢谢老兄,帮了我很多!!
jQuery(function(){
jQuery('a.normalTip').aToolTip();