I am in the middle of development and everything related to javascript all of the sudden stopped working.
There are a couple ‘no method’ errors in the console, but I can’t seem to find the root of the problem.
My site: http://radiantchurch.info/wordpress/about/
Thanks for all your help!
You must place your javascript references in correct order:
jquery
jquery plugin
your js scripts
IT does look like fitvids is not a function or not found, can you comment it out and then check it.
Related
I migrated my form from a file to another with different file location. I also have changed all reference paths on that new file. Unfortunately, the select2() function doesn't work anymore in
$("#field1, #field2, #field3").select2();
To make sure if the path is right, I have tried to put
alert('hello from select2.js');
And the alert function works when I open the form. And it makes me confused why the .select2() function does not work.
Did I miss something? Please help and thanks for advance.
Finally found it. After two days. I refered to jquery.js twice. And I don't know why, it really caused the error. After I dismiss one of them, my problem solved. Thanks for everyone who tried to help me :)
I am working on a site where I am using Scott Robbins pageslide to show/hide a responsive navigation.
For some reason the pageslide navigation works fine on the rest of the site but, when it gets to the contact page, it breaks: http://kevinpresbrey.com/contact
I took a look at the console in Chrome and I'm getting this error:
Object [object Object] has no method
I updated the jQuery call for pageside from this:
$(".open").pageslide({ direction: "right"});
To this:
jQuery(".open").pageslide({ direction: "right"});
and it's still blowing the error and causing the pageslide not to function on the contact page.
Like I mentioned before, it works fine on all the other pages, but the contact page. I have a feeling that the embedded form that was generated from constant contact might be causing the issue, but other than that, I have no idea.
Any suggestions?
You have multiple versions of jQuery in your code, which could be causing the problem (even though some of the other code seem to be working). You have v1.8.3 and v1.8.2.
One of them is being pulled from:
http://www.formstack.com/forms/js/3/jquery.min.js
the other one from:
http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=3.6
Fix that and your code should work.
Ok, I figured out what it was.
Looks like it was partially from what Hanlet said. There were two version of jQuery that were being pulled.
Apparently when I commented out the code that pulls in jQuery within my functions.php file it defaulted to the version that comes baked in with Wordpress which is version 1.10.2 and that apparently fixed the issue.
So, yeah. Hooray...I guess?
"pageslide" is not a build-in method for jquery selectors. You may want to double check if you include the "pageslide" javascript library / jquery plugin correctly.
Our dev site has the slider working perfectly here:
http://allblacks.01dev.co.nz/index.cfm?layout=dnaHome
However, we've just put the site live and it's not working here:
http://www.allblacks.com/index.cfm?layout=dnaHome
There is a js error viewable in firebug, which I have little hope of understanding without some help...
NS_ERROR_XPC_BAD_CONVERT_JS: Could not convert JavaScript argument arg 0 [nsIDOMHTMLAnchorElement.appendChild]
though that seems to be related to a facebook script
I'm happy to provide additional information if required.
Any pointers greatly appreciated.
NOTE: There is now a new question concerning this here, which better explains the problem after more research.
We determined the problem was related to thickbox javascript not being called properly or some type of conflict. We moved the thickbox js call to the top of the list of js calls (ahead of the jQuery.js call) and this seemed to solve the problem.
I have a weird problem in jQuery. The problem is that I can smoothly use $('#container').html(content) to replace the page content but to specific page. It is not working all around. Gives 'TypeError' message in console. Is there any probability that using SlickGrid can cause such error. Because error is thrown only in that pages where I have used SlickGrid.
Any suggestion would be highly appreciated.
It's hard to tell what's going on with your page, but my guess is that you may have a conflict with the $ between jQuery and SlickGrid. Look at the noConflict function in jQuery - it may help you out.
Call $.noConflict(); before SlickGrid's javascript <script> tag is added, and then refer to jQuery functions by using jQuery(selector) instead of $(selector).
Hope this helps!
I have jquery modal that works perfectly fine.
But after closing this modal and clicking on accordion control(MS ajax) fires
Jscript runtime error
Microsoft JScript runtime error:
Sys.ArgumentTypeException: Object of
type
'AjaxControlToolkit.AccordionSelectedIndexChangeEventArgs'
cannot be converted to type
'Sys.CancelEventArgs'. Parameter name:
instance
I have done days of searching. But I couldn't find a solution to this.
I have tried scriptmode="Release". Single reference call to the jquery file.
I read some parts saying that some it helped some people to turn of smart navigation but I couldn't find how to do so.
If anyone has any idea on this it will be much appreciated.
Please.. Help~!
I've solved this issue by putting this
var $j = jQuery.noConflict();
at the end of my jquery.js file and referencing all jquery functions with a $j, instead of $
Ok I found the problem. One of the controls inside the container(div) which is loaded by jquery was throwing an error. So in this case, the error message did not help much to track that particular control down.
Thanks a lot for your effort guys!.