I am completing a tutorial on how to convert a bootstrap template into a wordpress theme, when it comes to the js and css files I think it's been done right but when I open chrome F12 console, I get red messages like :
Uncaught TypeError: Browser.addMessageHandlers is not a function
GET http://127.0.0.1:4001/bootstrap/js/bootstrap.min.js
(index):121 GET http://127.0.0.1:4001/bootstrap/js/ie10-viewport-bug-workaround.js
but the outside link to jquery must be working.
Any advice would be awesome.
Try turning off Chrome's device mode ... do you still get the errors?
Related
I am developing a website on wordpress and it works perfectly fine in its desktop version but when we open it in mobile, its responsive menu gets switched but does not show anything while clicking on that.
When we go to developers console in google chrome, it shows the following error.
Uncaught TypeError: jQuery(...).on is not a function.
When I checked it in the coding, it shows the following code.
jQuery('#navmenu').prepend('<div id="menu-icon">Menu</div>');
jQuery("#menu-icon").on("click", function(){
jQuery("#navmenu .menu").slideToggle();
jQuery(this).toggleClass("menu_active");
});
Page URL: http://www.marksystest.in/ibt
Please help me out.
In your web page jquery is getting added twice once in the top part (v11) of the code and another at the bottom (v.1.3) so go to footer.php and search for v.1.3 jquery and remove that line.
You Use jquery.min.js online OR offline
FOR ONLINE
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
FOR OFFLINE
Download and set in <script> tag
Click here
Hi I'm using Ionic and I'm trying to build an app, and everything seems to be right when I go through my code but when I go to ionic serve, all I see is a blank screen. Does anybody know how to find an error, at least I mean I have gone through the code multiple times and can't find anything that would be breaking my app. Any advice would be helpful.
When using $ ionic serve, you can use the built-in web inspector from your browser. In most browsers, you can activate this by right-clicking on your webpage and click on inspect element.
If you're using Google Chrome for example, this is named the Chrome DevTools. If you 'inspect element' and click on the console tab, you will see errorlogs if there are any.
I'm a complete newbie here. I have been trying to learn to code a site with HTML/CSS/JAVASCRIPT.
I am using brackets to code the site. The site I am practicing with renders properly with all css and javascript.
However when I open the .html file into safari or firefox it does not display correctly. I think it is probably a css issue as the html elements are all there.
I have other sites that I have made before that don't have this issue and I can not see where I have gone wrong.
jsfiddle.net/fs4g55m2/1 I'm using fullpage.js as well. If you notice the navbar works perfectly well. It seems to be the css after it that is corrupted (once you get to the body tag).
If you think it is CSS (and you are linking to external CSS file) try look into the network tabs in your browser's developer console to see if it is properly linked. Check to see if requested css file throw back 404 status (not found) - usually highlighted in red.
In chrome or Firefox (not sure in safari) right click on your web page and click inspect element - then choose network tab.
Hope that helps
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
Firebug looks not capable to check js syntax error...
Is there any good way to do that?
Currently I just wrote a js but the firebug didn't show any error but the functionality is totally broken.
Firebug does do it. Make sure that you have JavaScript Console enabled, you can do so by clicking the Console dropdown and from their select Enabled. You need to press F12 key to open firebug and once you refresh the page, you will see any errors you have in your script in the firebug js console.
If you are using Firefox, you can also press Contr+Shift+J to open firefox's error dialog.
are you sure Firebug is turned on? If it's on, the little bug in the lower right is colored brown. if it's not on, the bug is gray.
also, I find that Web Inspector in Safari/Chrome is better.