0

我安装了一个 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>

请帮我。

另外对不起我的英语不好。我希望你明白这一点。

4

1 回答 1

2

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

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

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

它应该是

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

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

于 2012-09-26T00:29:07.417 回答