2011-07-31 6 views
0

현재 사이트의 표준 JS 기능 위에 추가 한 모든 jQuery 요소 또는 플러그인에 문제가있는 http://www.infinite-possibility.com/ 사이트에서 작업하고 있습니다.JavaScript/jQuery가 WordPress/PHP 사이트에서 작동하지 않습니다.

예 : http://www.infinite-possibility.com/speaking은 동적 콘텐츠 슬라이더 여야합니다. ..

내가 그것을 여러 번 호출되는 JS/jQuery를 함께 할 수있는 뭔가가 있다는 느낌이 있지만이 문제를 해결할 수없는 것 첨부

내 header.php 파일

모든입니다 아이디어?

<?php 
/** 
* The Header for our theme. 
* 
* Displays all of the <head> section and everything up till <div id="main"> 
* 
* @package WordPress 
* @subpackage Twenty_Ten 
* @since Twenty Ten 1.0 
*/ 
?><!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
<head> 
<meta charset="<?php bloginfo('charset'); ?>" /> 
<title><?php 
    /* 
    * Print the <title> tag based on what is being viewed. 
    */ 
    global $page, $paged; 

    wp_title('|', true, 'right'); 

    // Add the blog name. 
    bloginfo('name'); 

    // Add the blog description for the home/front page. 
    $site_description = get_bloginfo('description', 'display'); 
    if ($site_description && (is_home() || is_front_page())) 
     echo " | $site_description"; 

    // Add a page number if necessary: 
    if ($paged >= 2 || $page >= 2) 
     echo ' | ' . sprintf(__('Page %s', 'twentyten'), max($paged, $page)); 

    ?></title> 
<link rel="profile" href="http://gmpg.org/xfn/11" /> 
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" /> 
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/css/layout.css" /> 
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_directory'); ?>/css/jScrollPane.css" /> 

<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css"><![endif]--> 


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
<?php 
    /* We add some JavaScript to pages with the comment form 
    * to support sites with threaded comments (when in use). 
    */ 
    if (is_singular() && get_option('thread_comments')) 
     wp_enqueue_script('comment-reply'); 

    /* Always have wp_head() just before the closing </head> 
    * tag of your theme, or you will break many plugins, which 
    * generally use this hook to add elements to <head> such 
    * as styles, scripts, and meta tags. 
    */ 
    wp_enqueue_script("jquery"); 
    wp_head(); 

?> 
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jScrollPane.js"></script> 
<script type="text/javascript"> 
$(function() 
      { 
       $('#pane2').jScrollPane({showArrows:true}); 
      }); 
</script> 
</head> 
<body> 
<div id="outer_layout"> 
    <div class="layout"> 
    <div class="body_container" style="position:relative;"> 
<a style="position:absolute; left:-54px; top:358px; width:50px; height:50px;" href="<?php echo get_option('home');?>"></a> 
     <div class="main"> 

답변

1

는 대신 jQuery를 사용할 필요 또는 $ 예를 들면 다음과 같습니다

<script type="text/javascript"> 
$(function() 
      { 
       jQuery('#pane2').jScrollPane({showArrows:true}); 
      }); 
</script> 

또는이 너무 작동 할 수 있습니다

jQuery(function ($) { 
    /* Your code here using $ */ 
}); 

이 기본 JQuery와 포함되어 있기 때문에 워드 프레스는을 사용하여 noConflict() 모드.

관련 문제