Forums

kgscott284

This of course works perfectly fine in practice when it is stand alone and has nothing to do with wordpress...but when ported over there are obviously complications. How can i simply get my dynamic dropdowns to change when using wordpress?!

PLEASE help!


jQuery.noConflict();
jQuery(document).ready(function($) {
    $("#state").change(function() {
        $("#county").load("http://wwwvibrantusa.zippykid.it/wp-content/themes/medica/&quot; + $(this).val() + ".php");
    });
});

Here is the fiddle proving it SHOULD work...
http://jsfiddle.net/M5XkX/

I am guessing there is some kind of conflict, perhaps someone can help?!

TheDoc

Is that the entirety of the code? If so, you haven't closed everything properly. There are two open curly brackets but only one closed.

kgscott284

Oh no. It isn't...that is just the single function...

karlpcrowley

TheDoc is right, the code in jsFiddle works because it's not the same as what you have in the post

kgscott284

I have the same code in the theme as i do in the fiddle...just pasted it wrong above is all... I fixed the code above.

Robskiwarrior

Stupid question but did you enqueue jQuery or did you just add it to the header?

kgscott284

Not a stupid question... Enqueued.... and yes it was placed before wp_head.

karlpcrowley

Is it possible to link us to your site or is it running locally?

kgscott284

wwwvibrantusa.zippykid.it

Thanks again guys.

karlpcrowley

Very clean looking professional site, I like it
Where is this drop down? *EDIT found it

Which script is this function in? there's quite a few loaded

kgscott284

http://wwwvibrantusa.zippykid.it/wp-content/themes/medica/js/general.js

the function is right at the top.

karlpcrowley

Hi sorry for the delay, I fell asleep :P

There's an error in general.js causing it to break

change

if ($(this).scrollTop() != 0) {

to this

if ($(this).scrollTop() !== 0) {

I think there might be more though :S

kgscott284

ya, it would appear to be a little more complicated unfortunately :( thanks for the response!

karlpcrowley

For the moment try removing it from general.js and inline it on the page to rule out external errors

Robskiwarrior

Chrome is reporting an illegal token at the end of that file - it looks like this to me - right after the closing semicolon:

http://grab.by/ciCk

maybe you have some kinda extra invisible char you need to delete?

TheDoc

That stupid little blank space seems to go in there when copy/pasting from jsfiddle. It will completely break the code.

Schmotty

Just an observation...but it doesn't look like your select tags (on your site) have any ID. Your code might be working just fine, but there is no #state to jQuery to find.

kgscott284

@Schmotty

Thanks for that...for some reason they got stripped out by word press...

and naturally, that would break the code...Thanks alot!

treehouse : what would you like to learn today?

Forums

[Solved] jQuery.load() + WordPress = fail