Question

我安装了WordPress工具提示脚本，此脚本使用jQuery.min.js文件，该文件放在我的header.php和footer.php文件中。通过这样做，我的网站布局完全受到干扰，其他jQuery插件无法正常工作。我删除了任何这个jQuery.min.js文件（无论是来自footer.php还是header.php），工具提示不再起作用。

请帮帮我。

工具提示的My 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>

请帮帮我。

加上抱歉我的英语不好。我希望你明白这一点。

Answer 1

首先，检查wordpress是否已经包含jquery。它应该，因为你提到有其他插件试图使用它。

然后，从标题和页脚中删除jquery.min.js调用（如果存在），并用jQuery（）替换$（）指令。例如，现在你有了

$(function(){
                $('a.normalTip').aToolTip();

应该是

jQuery(function(){
                jQuery('a.normalTip').aToolTip();

这是因为jquery总是包含在冲突模式“on”中，以避免与任何其他javascript库发生冲突。

jQuery.min.js文件冲突

1 个答案: