zakbentley
Member
Hi,
http://canopyaccess.co.uk/opwall/
Form not working... I know this is theme related after doing the checks reccomended but cant figure out how to fix it!! the problem is that i dont have I.E. as im on mac so cant look into whats causing it on I.E.
Any help greatly appreciated! cheers,
Zak.
I am not sure why it isn't working in IE, but one issue that I see is that you are using JQuery 1.6.4 <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=3.5.1'></script>
Gravity Forms requires 1.8.3 which is what is included with the latest versions of WordPress. Also, can you give more information about how the form doesn't work on IE?
Richard Vav
Administrator
When using IE it looks like a javascript error is preventing the Gravity Forms scripts from revealing the form, this can happen with forms that use conditional logic, and often occurs due to old or multiple versions of jQuery being included on the page.
So as David points out I would start by replacing that old jQuery call and enqueue the WordPress bundled version.
zakbentley
Member
Cool, i thought this might be it... can i just remove the call to javascript from the theme or do i need to call a later one??
The problem seems to be conditional logic like you say.. when i load it on I.E. it loads the frame for the form but no input fields
Richard Vav
Administrator
I would replace that current call with the following which is the recommended way for themes and plugins to include jQuery
wp_enqueue_script('jquery');
Richard Vav
Administrator
Is that the code how it was earlier before I suggested enqueueing jQuery that way, if it is then somewhere there is another line of code that is including it from ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
Richard Vav
Administrator
Can you make the change again so I can take a look at the page.
I still see the older version of JQuery showing. Do you have a caching plugin? If so, can you clear the cache?
zakbentley
Member
now its hiding in chrome too, was ok, but doesnt like it now?!
(
<?php
add_action('wp_enqueue_scripts', 'loading_jquery');
if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js');
wp_enqueue_script( 'jquery' );
wp_head();
?>
)
I just took out the line like before
zakbentley
Member
im getting these errors in the consol - im not clued up on js at all, so i super appreciate your helping me out on this
Failed to load resource: the server responded with a status of 404 (Not Found) http://canopyaccess.co.uk/wp-content/themes/Photum/styles/default.css
Uncaught ReferenceError: $ is not defined canopyaccess.co.uk/:67
3
Uncaught ReferenceError: jQuery is not defined canopyaccess.co.uk/:179
Uncaught ReferenceError: jQuery is not defined jquery.masonry.min.js:10
Uncaught ReferenceError: $ is not defined canopyaccess.co.uk/:199
chrome.tabs is not available: You do not have permission to access this API. Ensure that the required permission or manifest property is included in your manifest.json. binding:202
Uncaught TypeError: Cannot call method 'create' of undefined measureIt.js:120
Richard Vav
Administrator
jQuery isn't being loaded at all now which is why you are getting all those errors, can you edit the code in your header.php to this
<?php
add_action('wp_enqueue_scripts', 'loading_jquery');
if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
wp_enqueue_script( 'jquery' );
wp_head();
?>
<script>var $ = jQuery.noConflict();</script>and I presume the earlier code was from your functions.php, that can be changed to
function loading_jquery() {
wp_enqueue_script( 'jquery' );
}or commented out if no other functions reference it
Richard Vav
Administrator
Still not working in IE, in the footer you have the following script which is also out-of-date, you are running v2 while it looks like v3 is out http://masonry.desandro.com/
<script src="http://canopyaccess.co.uk/wp-content/themes/Photum/js/jquery.masonry.min.js"></script>
<script>
$(function(){
console.time('masonry');
$('#move').masonry({
itemSelector: '.item',
columnWidth: 30,
isAnimated: true
}).masonry().masonry();
console.timeEnd('masonry');
});
</script>Can you try commenting out lines 5 and 11 by placing // at the start of the lines.
Glad to hear it.
@richardvav Hey Richard, I just sent you an email at the email address associated with your Gravity Forms account if you could please take a look. We'd love to talk to you. Thanks!
