JQuery与我的主题集成

我想在我的网站上添加一个幻灯片侧边方式jquery，我尝试了以下代码，但似乎不起作用

Jquery代码：-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

    <script type="text/javascript">
    $(function(){
        $(\'.slide-out-div\').tabSlideOut({
            tabHandle: \'.handle\',                     
            pathToTabImage: \'images/contact_tab.gif\', 
            imageHeight: \'122px\',                     
            imageWidth: \'40px\',                       
            tabLocation: \'left\',                      
            speed: 300,                               
            action: \'click\',                          
            topPos: \'200px\',                          
            leftPos: \'20px\',                          
            fixedPosition: false                      
        });

    });

    </script>

部门（&A）；CSS代码：

 <style type="text/css">

      .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      
      </style>
<div class="slide-out-div">
            <a class="handle" href="#">Content</a>
            <h3>Contact me</h3>
            <p>Hello
            </p>
            <p>Welcome to my Blog</p>
        </div>

当我在头文件中尝试上述代码，并在页脚文件中尝试div代码时，div框似乎滑到了外面，但没有滑到里面，jquery不工作，image contact\\u选项卡。gif没有显示，我网站上的google地图也没有加载，我知道这是因为jquery集成错误，但我不知道如何将其与wordpress主题集成

add_action( \'wp_print_scripts\', \'enqueue_slideout\' ); function enqueue_slideout() { wp_enqueue_script( \'jquery-slideout\', \'http://tab-slide-out.googlecode.com/svn/trunk/jquery.tabSlideOut.v2.0.js\', array(\'jquery\'), \'2.0\', false ); }

add_action( \'wp_head\', \'setup_slideout_tabs\' ); function setup_slideout_tabs() { ?> <script type="text/javascript"> jQuery(document).ready(function($){ $(\'.slide-out-div\').tabSlideOut({ tabHandle: \'.handle\', pathToTabImage: \'<?php bloginfo(\'stylesheet_directory\'); ?>/images/contact_tab.gif\', imageHeight: \'122px\', imageWidth: \'40px\', tabLocation: \'left\', speed: 300, action: \'click\', topPos: \'200px\', leftPos: \'20px\', fixedPosition: false }); }); </script> <?php }

在WordPress中使用最新的jQuery(管理界面)

我想在我的管理界面上使用最新的jQuery（和jQuery UI）版本（编辑我创建的特定帖子类型）。我试过这个：// jQuery 1.x wp_register_script(\'jquery1x\', \'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js\', false, null, true); // jQuery UI 1.8.4 PTBR wp_register_script(\'jquer

相关推荐

在WordPress中使用最新的jQuery(管理界面)