FF Browser compatibility issues with Jquery, Kendo treeview

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Post Reply
firefox_user_2014
Posts: 1
Joined: June 1st, 2014, 10:29 pm

FF Browser compatibility issues with Jquery, Kendo treeview

Post by firefox_user_2014 »

Below are few questions regarding browser issues with Firefox while rendering jquery,kendo treeview controls (drag and drop functionality). The above functionality is perfectly working in Chrome and IE browsers but it doesnot work in Firefox.

I used Firebug to debug the below issues and it seems it breaks at jquery execution and Kendo Treeview control rendering.

The below questions may be vague, but see what best you could help. Even generic answers with respect to browser compatibility solutions towards FireFox browser should be fine.

Below are few questions,
1) Please let me know what are the tasks i need to do while coding for FireFox browser compatibility with respect to Jquery scripts loading, Kendo Treeview controls.

2) We are using jquery,kendo scripts and bootstrap.
a) Any specific order we should define these scripts, so that we donot have issues.
b) Any duplcate scripts like jquery default scripts and same might be in kendo ui scripts. Also CSS scripts..which i need to be aware of...
c) Do we need to have only one version of scripts like only minified version of scripts and comment out the raw jquery scripts. so that we donot have any clashes etc

3) When i load the same jquery script( sample.js ) in IE and Chrome at the index page, It loads fine But when i check in fire fox, The script( sample.js ) is emededed with junk chars (Heart symbol followed by question (?) symbol. It breaks at the execution of jquery script giving an error "Illegal sybmol" in the below line in jquery-1.10.2.js since "data" portion of the value is the jquery script which comes as junk chars while checking in firefox browser.....
jquery-1.10.2.js
( window.execScript || function( data ) { window[ "eval" ].call( window, data ); } )( data );

Below are the websites which explains the async script loading/execution....
http://www.blog.highub.com/javascript/d ... l-context/

jQuery.globalEval() – Evaluates a script in a global context
AlfonsoML
Posts: 387
Joined: September 6th, 2006, 1:39 pm
Contact:

Re: FF Browser compatibility issues with Jquery, Kendo treev

Post by AlfonsoML »

junk chars?
are you using the correct encoding for your pages and all the communications?
Egonz26
Posts: 1
Joined: June 7th, 2014, 3:38 pm

Re: FF Browser compatibility issues with Jquery, Kendo treev

Post by Egonz26 »

Check the htaccess for www redirection. I had similar problems.
When I typed the web address without "www" javascript was not working. After adding the code below, it now works. Hope it helps.


LINK: http://www.htaccessbasics.com/force-www-nonwww-domain/
might have to add this to your htaccess

# Redirect non-www urls to www
RewriteEngine on
RewriteCond %{HTTP_HOST} !^www\.yoursite\.com
RewriteRule (.*) http://www.yoursite.com/$1 [R=301,L]

Alternatively you can use :


# Redirect non-www urls to www
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com [NC]
RewriteRule (.*) http://www.example.com/$1 [R=301,L]
Post Reply