0

I have implemented some javascript on my wordpress site but I am getting the following error messages on the page

jQuery is not defined

and

Invalid regular expression: missing /

This is the code in my header.php file. I'm not sure if I have to edit the .js file or I am missing something vital in this section 

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */
?><!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html id="ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html id="ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<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', 'twentyeleven' ), 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="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?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_head();
?>
<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/galleria.js"></script>
<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/Java_Box.js"></script>
<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/resize-pdf.js"></script>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed">
 <header id="branding" role="banner">
 <div class="logo" onclick="location.href='http://www.dwmu.co.uk';" style="cursor:pointer;"></div>
 <div class="info">Make Up Artist</div>
 <?php
 // Check to see if the header image has been removed
 $header_image = get_header_image();
 if ( ! empty( $header_image ) ) :
 ?>
 <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
 <?php
 // The header image
 // Check if this is a post or page, if it has a thumbnail, and if it's a big one
 if ( is_singular() &&
 has_post_thumbnail( $post->ID ) &&
 ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
 $image[1] >= HEADER_IMAGE_WIDTH ) :
 // Houston, we have a new header image!
 echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
 else : ?>
 <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
 <?php endif; // end check for featured image or standard header ?>
 </a>
 <?php endif; // end check for removed header image ?>
 <?php
 // Has the text been hidden?
 if ( 'blank' == get_header_textcolor() ) :
 ?>
 <div class="only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>">
 <?php get_search_form(); ?>
 </div>
 <?php
 else :
 ?>
 <?php get_search_form(); ?>
 <?php endif; ?>
 <nav id="access" role="navigation">
 <h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
 <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
 <div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
 <div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
 <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
 <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
 </nav><!-- #access -->
 </header><!-- #branding -->
 <div id="main">
asked May 31, 2012 at 13:56
3
  • You are not loading the jQuery library. One of the JS libraries you use (Galleria?) needs jQuery to function Commented May 31, 2012 at 13:58
  • You should include jQuery library. Either download and place it in the scripts folder or use Google cdn:ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js Commented May 31, 2012 at 14:00
  • The errors are pretty much self-explanatory. What is your question? Commented May 31, 2012 at 14:03

2 Answers 2

1

add the following script tag.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

above

<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/galleria.js"> </script>
<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/Java_Box.js"> </script>
<script type="text/javascript" src="/dw/wp-content/themes/child/scripts/resize-pdf.js"></script>
answered May 31, 2012 at 14:01
Sign up to request clarification or add additional context in comments.

2 Comments

Thank you. I'm still getting the follow error message...Invalid regular expression: missing /
do you have any other console logging info? you dont seem to be using any js regular expressions in your code. Is there a chance the error is occuring in one of your other js libraries?
1

In WordPress, the preferred way to include jQuery is by queueing it:

wp_enqueue_script('jquery');

Make sure to call that before calling wp_head().

answered May 31, 2012 at 14:03

5 Comments

Thank you. I'm still getting the following error message...Invalid regular expression: missing /
I'm not seeing any regular expression in the code you posted. Can you try to locate where this error is coming from?
This is the line it's referring to $("<span> â€" </span>").appendTo(".artist-name");
Well @user1096057 that string in the jQuery call is clearly broken; there's a double-quote character in the middle of it.
It'd have helped if you had pasted that JavaScript code in your question though...

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.