jQuery.min.js 文件冲突答案

【问题标题】：jQuery.min.js file conflictjQuery.min.js 文件冲突
【发布时间】：2012-09-25 14:39:15
【问题描述】：

我安装了 WordPress 工具提示脚本，该脚本使用 jQuery.min.js 文件，该文件位于我的 header.php 和 footer.php 两个文件中。通过这样做，我的网站布局完全被打乱，其他 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>

请帮帮我。

另外很抱歉我的英语不好。我希望你明白这一点。

【问题讨论】：

您还有其他 JavaScript 库吗？控制台中会显示哪些错误消息？
你需要从页脚或页眉中删除它，它不应该在两者中。
但是当我删除它时，工具提示停止工作。
我们可以在任何地方看到您的代码吗？它是公开的吗？如果有，请添加链接。

标签： jquery wordpress jquery-tooltip

【解决方案1】：

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

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

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

应该是

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

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

【讨论】：

谢谢哥们，帮了我很多！！