WordPress.org

1. chaseman
   Member
   Posted 1 year ago #

   I have following code in my jQuery file:

   jQuery('.sf-menu > li > ul').parent().hover(
   	function() {
   		jQuery(this).prepend('<div class="arrow"><img src="wp-content/themes/chase_theme/images/superfish_arrow.png" />')
   		jQuery('.arrow').css({
   			height: '0px',
   			width: '7px',
   			margin: '0 auto 0',
   			position: 'relative',
   			top: '13px',
   			visibility: 'visible',
   		});
   
   	}, function() {
   		jQuery('.arrow img').delay(600).slideUp('normal');
   	}
   	);

   When I'm on my blog with following URL:

   http://www.blog-name.com/

   (Which is the start page.)
   Then the image will show up fine, but when I'm on:

   http://www.blog-name.com/blog/

   (Which is the page with the blog posts.)
   Then the image will not show up anymore, instead I will get the empty image frame (not found).

   So I'm wondering, since I cannot use TEMPLATEPATH and similar commands in a jQuery file, what would be the correct way setting a path in a jQuery file when using WordPress?

2. chaseman
   Member
   Posted 1 year ago #

   It works when I use an absolute path, but I'm wondering is that the only why to solve this problem?

Topic Closed

This topic has been closed to new replies.