JQuery :: Set Up Superfish For Wordpress?
Jan 21, 2010
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now.I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">[code]....
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening.
View 2 Replies
ADVERTISEMENT
Dec 2, 2010
Has anyone used the Superfish navbar menu sucessfully with WordPress 3.0 menu manager?I have got the regular Superfish menus to work with the new WordPress Menu system, but not the navbar menu.
View 1 Replies
View Related
Jun 18, 2009
I`m to make a working css solution to use nav-bar style jQuery Superfish menu for WordPress.
View 1 Replies
View Related
Oct 14, 2009
I have used your great plugin for a menu in Wordpress 2.8.4 and I wanted to use the default Wordpress jQuery library jquery.js?ver=1.3.2 but your plugin Superfish wouldn't work. I added the jquery-1.2.6.min.js file and it did work OK. Since there is no reason to have calls to two jQuery libraries which are doing the same thing I wanted to only use the default Wordpress jQuery version. After some searching I found an answer at this site:[url]..
I changed this to: jQuery(document).ready(function($){ Notice the $ function being moved. This now works OK using the default Wordpress jQuery version 1.3.2. and I imagine with the latest version of jQuery.
View 1 Replies
View Related
Sep 18, 2011
I was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
View 2 Replies
View Related
Mar 5, 2011
I'm trying to get isotope up and running on my Wordpress site.
Isotope works fine on its own: [URL]
But for some reason, which I can't quite fathom, it doesn't work in Wordpress: [URL]
View 4 Replies
View Related
Nov 10, 2011
I'm doing the design update work for a previous site, and it's done except for one thing. I want a slideshow to be on the homepage, specifically the plugin Slider Pro. I have put in the shortcode and yet the plugin does not display. Also the navigational buttons do not animate with Jquery. Strangely if I test a Jquery code in the header displaying an alert it works. I have tried disabling all plugins except for the slider one to no avail. [URL]
View 10 Replies
View Related
Nov 5, 2011
I've bene working on this for a while and the Wordpress people think it's a jQuery issue.So... here goes:I have the following function in a file called sec_menu.js:
var speedIn = 300;
var speedOut = 300;
jQuery(document).ready(function() {
[code]....
View 2 Replies
View Related
Jun 15, 2011
Does anyone have experience using the form plugin 'jquery.form' insideWordpress and if so does this plugin have any special requirements?
Scenario I'm attempting to use jquery.form to handle a form that appears in a dialog. The arrangement works on static pages on the server, outside of WP but in the same domain.However, when the form is presented in the dialog on a WP page the submit function fails, usually resulting inthe dialog closing having not submittedthe form.
One question thatoccurred to me is how do jquery plugins respond if used withWordpress with regard to the use of "$"? Perhaps its not an issue but I wondered if it might be the cause of the problem here.
The triggering script is just the standard script with a few options added, again this works on static pages:
The php to process the form is:
View 3 Replies
View Related
Dec 4, 2009
Does anyone know how I could integrate this jquery plugin into wordpress?I'd like to use wordpress for posts etc and then set up two pages within wordpress to act as galleries (using this jquery gallery on each page). I'm sure it'd be possible, just need some tips on how to go about it.
View 1 Replies
View Related
May 22, 2011
how to add a jquery plugin into wordpress. I've searched all over and can't find specific instructions...
View 1 Replies
View Related
May 11, 2010
I was wondering if someone can help me out here. I was wondering if its possible to get this Jquery Image Slider to fit a 250x250 Pixels I want to create a widget on Wordpress.[URL]..If possible in order to get this done we could move the control with the numbers on the bottom and keep the descriptions on top.
If this cant be done, do any of you know any 250x250 Jquery Image sliders. That can possibly work in this format? I'm trying to stay away from Flash much as possible.
View 1 Replies
View Related
Jan 31, 2011
I'm using a preview slider on my Wordpress site, but it doesn't work the way I want it to. As soon as the preview is changing it shows the next preview on the rightand the previous on the leftside of the center preview.
[Code]...
View 1 Replies
View Related
Mar 10, 2011
I updated my Wordpress installation today and it seems to have broken the plugin somehow; in Internet Explorer the images all display at once, stacked on top of each other. It's the same problem from this thread from last year:It was fixed at the time using 'fit', but apparently this no longer works.
Script:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/cycle.js"></script>
[code]....
View 2 Replies
View Related
Feb 6, 2011
I've read up on using easing and animate but am having trouble implementing into my tabbed widget in my wordpress sidebar (still under construction so no link). The widget works as is but I would like to instate easing into it.
I'm unsure whether to put the script code into header.php or where exactly though. Nothing seems to work. Does anyone know of a tut or how to incorporate jquery functions into a wordpress sidebar widget perhaps?
View 1 Replies
View Related
Sep 2, 2011
I'm having an issue with PrettyPhoto not working in IE. It works great in all other browsers. In IE, it will start to open, show a really small box and then no content. Here is a link to the site that I'm working on:[URL]..
View 3 Replies
View Related
Nov 3, 2010
I use this library for almost all my slideshows, and have not had a problem up until now. I know the JS files being referenced are correct, the image paths are correct, so what seems to be the hiccup here? I am willing to bet its something simple.
http:[url]....how the three images just stack now, with the jquery cycle plug-in they are supposed to fade.
View 2 Replies
View Related
Jul 12, 2011
Im using a plugin already called pbd-ajax-load-posts which is found here: [URL] (it's free and only has 3 files, a php, a css and the js which is where everything is at) The plugin works, but not on my template which is: [URL] It's a simple plugin and I tried playing around with it, and got really close to what I'm trying toachieve which is load the posts to an element,it's just not loading to where it needs to be. I'm new to this jquery/javascript and been trying to study it more
[Code]...
View 2 Replies
View Related
Aug 17, 2011
I'm trying to add a slideToggle to a paragraph in a Wordpress blog page. The following code works for triggering an alert, but when I replace the alert with the slideToggle, nothing happens.Here's the alert:
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#principles").mouseover(function() {
[code]....
Taken right off a jQuery API page, inserting my own id names .The "#principles" is the id of a span of text just above a paragraph with an id of "p=principles".
View 1 Replies
View Related
Aug 22, 2011
I am customizing my WordPress adminpanel, and ive run into a problem. I want to use jQuery to replace a value of an input, and I've got that part working. The thing is that it gets added again (via ajax or jquery, I don't know. its some kind of in-page reloader) and my script fails to replace the value the second time..
jQuery(document).ready(function($) {
$('input#custom-menu-item-url').attr('value', ' ');
});
That's the code I have right now. For those of you who can check a WordPress installation, its the nav-menus.php in the admin panel, custom links. So how do I get this to replace the value even if it the value gets added after page load?
View 2 Replies
View Related
Mar 16, 2010
I used the Jquery Cycle plugin on a site I'm working on.It worked fine on the static html site (see it in action here working as it should) but is leaving a gap between each image when I use it in Wordpress (See it here).
View 1 Replies
View Related
Oct 13, 2011
I tried inserting the lavalamp effect into my wordpress theme.However, I was unsuccessful.I was wondering if anyone could help me out a bit and tell me where I went wrong? It isn't working and i'm not sure what I need to do in order to make it work?I have tried putting .lavaLamp after my #nav tag. That didn't work so I put it after my #header tag (which is where the css changes, etc. were anyway).Then, I uploaded an external css file for the .lavaLamp class.Still no dice.I refuse to move on in my theme creation until I have this figured out.
View 1 Replies
View Related
Jul 19, 2011
This code works on my wordpress parent pages but not on child pages. The code output looks exactly the same on the parent and child pages when viewed in firefox's firebug.
[Code]...
To see it in action: [URL].. View the cart, which is a child page of the store and you'll see the problem.
View 2 Replies
View Related
May 21, 2010
I am working on a local server on adding a media uploadbox to a Wordpress plugin Datafeedr Randam adds for a few days now and the code I have come up with so far is hereCode added to load needed scripts starts at line 101 and media upload html is located on line 354.I have Been trying to get help at several places and did get some at #wordpress IRC. By changing the location of the script loading code - moving it to the top - things improved. Right now thickbox works and the media-upload box is loaded. I am stuck again though. Thickbox loads an empty box now instead of the media-upload details so I can upload images. One custom external javascript that is loaded into the plugin besides the WP nativity used JQuery and Thickbox I will post here:
jQuery(document).ready(function() {
jQuery('#upload_image_button').click(function() {
formfield = jQuery('#upload_image').attr('name');
[code]....
View 2 Replies
View Related
Jan 25, 2011
I'm using jquery with wordpress to display custom fields for rollovers.
The issue that I'm having is that I'm using the same div class to dynamically pull images from custom fields with in a post. when I do this, every time I rollover one image all the images switch to their rollover state. I figure I need an array to get them to function individually.
<?php
View 2 Replies
View Related
Jun 15, 2011
I'm using the jQuery Carousel plug-in found here [url]
I am using it in conjunction with Wordpress. It is working how it is suppose to but there is still a glitch.
This problem doesn't happen every time but more often then not it does. When the page first loads the items in the jQuery wrap show as a straight list over all other content.
You can see this happening here. *if it doesn't happen right away, visit a few of the pages and you'll see it. [url]
The question I have is, "Am I doing something wrong with the jQuery code? Should I be pre-loading all of these before they appear on the page? Is there something I can do differently?
View 2 Replies
View Related
