0

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>

私を助けてください。

さらに、下手な英語で申し訳ありません。これを理解していただければ幸いです。

4

1 に答える 1

2

まず、wordpress にすでに jquery が含まれているかどうかを確認します。それを使用しようとしている他のプラグインがあることに言及しているので、そうする必要があります。

次に、jquery.min.js 呼び出しをヘッダーとフッター (存在する場合) から削除し、$() 命令を jQuery() に置き換えます。たとえば、今、あなたは持っています

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

そのはず

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

これは、他の JavaScript ライブラリとの競合を避けるために、jquery が常に競合モード「オン」に含まれているためです。

于 2012-09-26T00:29:07.417 に答える