I've used Ruby menu in my website from this example:
It works fine on desktop.
But it is not working on mobile devices (Button can not be clicked).
The console shows an error that it is failed to load 3 js files:
http://brienlabs.com/ruby-mega-menu/js/ruby-main.js
http://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js
http://brienlabs.com/ruby-mega-menu/js/ruby-demo.js
I tried to add those 3 files on my site but it is still not working and shows me below errors.
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-demo.js”. index.html:2779:1
Loading failed for the <script> with source “https://brienlabs.com/ruby-mega-menu/js/ruby-main.js”.
Please, can anyone assist me?
Thank you in advance.
You have this “, but it'll be ". Those are different from each other. Please check it. I hope it'll work.
Wrong
“https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js”
Correct
"https://brienlabs.com/ruby-mega-menu/js/jquery-3.1.0.min.js"
Related
First question but I've been using the site for over 8 years so please bear with me. All help is greatly appreciated. I've spent a couple of days and far too many hours now on this.
I have a web page that uses the default HTML validation via the input element required. In codepen the "message" is displayed if I don't populate the field. I added css to also make the background yellow. In codepen everything works great but on my laptop I get the yellow background but the majority of the inputs don't show the message. What's really strange is that some of them will give the message but the majority don't. I even have three within the same div and one gives the message while the other two don't. Same exact code except for the id & name. I know it recognizes the validation error because it triggers the css to change the background (input:invalid:focus), scrolls to it but no message.
I thought maybe it was my code so I exported the codepen and ran it from the unzipped /dist folder. Same behavior as the original code on my laptop. I emailed codepen and when they export and run from the /dist folder all of the fields show the message for them. I pushed it out to an IIS server and I get the same behavior as I do on my laptop, some messages display and some don't.
There aren't any errors in the console either. I'm at a loss. The code is too large to include and if I put a link to the codepen it forces me to include the code. I'm using Chrome 94. I ran the HTML through the W3C markup service and no errors. The codepen HTML does contain errors from the W3C markup service but still works whereas the HTML with no errors locally doesn't.
codepen:
codepen shows the message
local (exported codepen):
local no message but scrolls to it & changes background
I am working on a site which is (http://www.echo-group.com.au/), in home page right after slider there is Carousel of three inf boxes and in mobile view (developer mode) after hard refresh or viewing link in actual mobile device it shows disturbed view it suppose to show one column instead of 3 at once.
I tried to update owl.carousel JS and CSS files but error is still there i am stuck here need guidance kindly help me out it will be a big help thanks!!!
Kindly see these screenshot for further understanding the Error
ErrorScreenshot
how its need to be
In your theme.js file, in FUNCTION CALLING section, use revolutionSliderActiver() above services_carousel(). Hope this will resolve your issue.
When I look at the details of the file I just copied from my computer to the oukitel phone, it says "executable: no", and does not execute any of the javascript. I mean I open the file through firefox and it does not execute any of the javascript.
The same file, copied to a Samsung phone works almost fine (except the links to other pages).
Any clue as to why on one phone it runs and not in the other?
Any hints as how to solve it?
I was getting the error message “Access to the file was denied”, I found the solution in this post:
https://linuxnorth.wordpress.com/2016/08/08/opening-local-html-files-in-firefox-under-android-6-0-marshmallow/
I quote:
"The fix is fairly simple. Load Android’s “Settings” menu and navigate to “Apps”. Scroll down to “Firefox”. Tap the Firefox listing to bring up the “App Info” screen. Click on the “Permissions” option, and slide the control for “Storage” to the right to enable file permissions."
I did that and its working! :) Thanks to the guy that posted it!!
It was all working just fine. I was fine tuning some css. Then I tried clicking on a link and it didn't work and neither did the a:hover selector, but they had before.
I have ran it through both the HTML5 and CSS3 validators and all is well there.
Could someone please take a look to see if I'm missing anything?
The url that I'm having problems with is http://www.realproagent.com both the seller and buyer links in the middle of the page. The homepage and feedback link at the bottom seems to be fine.
Thanks in advance.
Jquery library file link dead.
http://www.realproagent.com/jquery.js File not found
check console
It looks like you've killed your jQuery reference. Chrome Console shows:
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.realproagent.com/jquery.js
Uncaught ReferenceError: $ is not defined
I have a situation where I'm inserting javascript generated HTML code into a DIV. One would think this would be a no brainer, but for some reason, once the code is in, the status bar and tab loading graphics start up in both browsers and never stop again. The page continually appears to be loading data, but in reality, there's nothing more to load. Any idea why this may be happening? Solutions? I appreciate any help. Thanks!
Install the Firebug plug-in for Firefox. Open it up and got to the NET tab. That will allow you to see your network activity. Something on the server may be stalling. This will help you find it.