WordPress Theme Uncaught TypeError - javascript

My website was working fine until the other day. I don't know what's happened but the dropdown system for everything has stopped working completely - even the Admin bar.
When I open up the JavaScript Console in Google Chrome when I'm on the site homepage, I get this message for each dropdown item:
Uncaught TypeError: Object #<Object> has no method 'on'...
I don't know how to fix this, I've looked everywhere. Would it be in the themes "Header.php" file? If so, whereabouts?

I found the problem! I wen into the plugins section of Wordpress and disabled "LikeLocker". The only problem is, now I've got to go into the plugins code and try to figure it out haha.
Thank you anyway!

Related

Visual Editor Not Working 4.7

My WordPress visual editor is not working. I tried all of the solutions on the Google but nothing changed.
Visual editor is not disabled for me (Checked it from profile page and enabled/disabled for times)
CONCATENATE_SCRIPTS to false not working.
WP_DEBUG to true not working.
Tried with different users not working.
Disabled all plugins not working.
Tried with different browser/computer not working.
No error output on JS Console
Tried with plain permalink, not working.
I’m really getting crazy with it. I’m using latest WP version and 2017 theme. Any other solutions?
Edit: I checked the Network Tab on the Developer Console, tinymce.min.js file doesn't exist there. It's not loading. Loaded JS Files:
jquery.js?ver=1.12.4
jquery-migrate.min.js?ver=1.4.1
utils.min.js?ver=4.7
plupload.full.min.js?ver=2.1.8
hoverIntent.min.js?ver=1.8.1
common.min.js?ver=4.7
admin-bar.min.js?ver=4.7
heartbeat.min.js?ver=4.7
autosave.min.js?ver=4.7
suggest.min.js?ver=1.1-20110113
wp-ajax-response.min.js?ver=4.7
wp-ajax-response.min.js?ver=4.7
jquery.color.min.js?ver=2.1.1
wp-lists.min.js?ver=4.7
core.min.js?ver=1.11.4
widget.min.js?ver=1.11.4
mouse.min.js?ver=1.11.4
sortable.min.js?ver=1.11.4
postbox.min.js?ver=4.7
position.min.js?ver=1.11.4
menu.min.js?ver=1.11.4
wp-a11y.min.js?ver=4.7
autocomplete.min.js?ver=1.11.4
tags-suggest.min.js?ver=4.7
tags-box.min.js?ver=4.7
underscore.min.js?ver=1.8.3
word-count.min.js?ver=4.7
post.min.js?ver=4.7
editor-expand.min.js?ver=4.7
thickbox.js?ver=3.1-20121105
shortcode.min.js?ver=4.7
backbone.min.js?ver=1.2.3
wp-util.min.js?ver=4.7
wp-backbone.min.js?ver=4.7
media-models.min.js?ver=4.7
wp-plupload.min.js?ver=4.7
mediaelement-and-player.min.js?ver=2.22.0
wp-mediaelement.min.js?ver=4.7
media-views.min.js?ver=4.7
media-editor.min.js?ver=4.7
media-audiovideo.min.js?ver=4.7
mce-view.min.js?ver=4.7
jquery.imgareaselect.min.js?ver=4.7
image-edit.min.js?ver=4.7
svg-painter.js?ver=4.7
wp-auth-check.min.js?ver=4.7
quicktags.min.js?ver=4.7
wplink.min.js?ver=4.7
media-upload.min.js?ver=4.7
wp-embed.min.js?ver=4.7
wp-emoji-release.min.js?ver=4.7
Had the same problem with no solution so far, but:
when not only deactivating but also deinstalling TineMCE Advanced, everything is working as desired.
Already opened an issue on their wordpress-Plugin page.
Thank you for your answers, I found my problem. My wp-tinymce.php file has 777 permission btw server was blocking this file.
My solution was making its permission to 644..
Same problem here with a fresh install of version 1.4.7.
No problem with my updated websites !
EDIT
Solution to fix the issue:
Copy /wp-admin/ and /wp-includes/ folders from an automatic uptdated WordPress website.
Replace all these file into your broken website.
If someone want these files, I created a link here.

Uncaught TypeError: $(...).carousel is not a function

I am using bootstrap to create a web app. I am using rails 4.2.2 and heroku as my server. At first the carousel works fine. But after visiting another link on my site when I come back to the home page, the carousel is not working. I get the error on the chrome console.
Uncaught TypeError: $(...).carousel is not a function
I have looked at other solutions given in the site, but nothing has worked for me so far.
I am using the following code to load the js and jquery in my .html.erb file
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Any help is appreciated. Thank you.
I made sure I ran all the commands as mentioned in the following link:https://github.com/twbs/bootstrap-sass#a-ruby-on-rails Also, removed all the entries for adding bootstrap from my html files as they are not required here. Now the carousel is working even after coming back from the links. Only thing is on my chrome console, even now when everything seems to work fine, it is showing bootstrap is not defined. But everything seems to be working fine.

Slick slider console error

I am currently getting this console error from slick slider:
Uncaught TypeError: b.$list.prop is not a function
I am using this slider on three different sites -all implemented the same exact way. It was working on one of the sites until one day it just went blank. The error I get is on slick.min.js Has anyone else run into this problem? Does anyone know what this error is? Thanks in advance!
UPDATE: Here's a dev site that has the issue: http://dev.semananews.beta.lionheartdms.com/ With #Radiance suggestion, I loaded slick.min.js at the end and it now displays the image but the slider doesn't work still. I now get this console error
Uncaught TypeError: a.type is not a function
Check if you have added the external js files correctly. According to me the error is occurring because the compiler is not able to find the function which you are using
Did you check your jQuery version? Slick requires jQuery 1.7 to function properly. (https://github.com/kenwheeler/slick#dependencies)

Jquery mobile active page

Web-dev newbie reporting in:
I'm writing my first mobile app using jquery mobile and currently stuck there:
For some additional functionality, I would like to get url of current active page. I found out that it can be done using $.mobile.activePage . For example, following code works as expected for me:
$(document).on("pagecreate",function(){
console.log($.mobile.activePage[0].baseURI);
});
However, when I press "back" button, Uncaught TypeError: Cannot read property 'activePage' of undefined appears in console and app hangs.
Question: how do I handle this situation? Thanks!
You should do this a little bit different, use this code:
$(document).on("pageshow",'.ui-page',function(){
console.log($.mobile.activePage[0].baseURI);
});
Working example: http://jsfiddle.net/Gajotres/vds2U/82/

Jquery boxslider is not working on website

I am fixing just a few minor issues and adding a few pictures and recipes to a friend's website http://mariorizzotti.com who a couple of years ago had it made by a webdesigner. Anyhow, I have been adding a few pictures and changing some of the css, the only problem I am having is getting the jquery bxslider to work on the homepage correctly. It is working on the media page but not on the homepage. The images that are being called are all in the correct folders. Any suggestions by looking at the source code? The only thing I have been able to come up with is that the click handler isn't being called in the homepage. I checked it in chrome's console but not sure if this is correct.
Welcome to StackOverflow. There is a JavaScript error during page load on line 31 of index.php:
Uncaught TypeError: Object [object Object] has no method 'tweet'
This prevents subsequent scripts from executing, so the slider initialization on line 87 doesn't run and the click handlers for changing slides aren't registered. Fixing the error should be as simple as including the jquery.tweet.js script on index.php as it is on videos.php.

Categories

Resources