I'm using a fancybox demo (http://fancyapps.com/fancybox/) on my personal site. Everything works perfectly when I'm testing locally, but once I uploaded the site to be live, the fancybox feature is not working and instead brings you to a new page view the image.
This is the site I am referring to: http://colettemolleur.com/. Click on the image to see the issue I'm having. Also, I'm not forgetting to upload any of the js files, so I don't know why this is happening.
Any thoughts?
Thanks!
Colette
Check your path for Bootstrap, main.js and query.mousewheel-3.0.6.pack.js which return 404 not found on your page. I suspect the path are incorrectly setted.
In chrome, use the developer tools (using F12 or right click+ inspect element) to check for error on the page. I get 4 when opening your page.
Related
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.
I'm trying to build a jQuery-based next/previous navigation but ran into a roadblock of a weird error. Here's a very much simplified version of what I'm trying to do:
$('.next').click(function(ev) {
ev.preventDefault();
$('main').fadeOut();
$('main').load('/page/2/ main .content', function() {
$('main').fadeIn();
});
});
The next page link is usually generated dynamically of course.
Clicking on the link gives a 404 error in the Chrome developer tools and the content never loads into the main tag. Changing it to a rewrite-less /?paged=2 also 404's. When inserting a link to a page however (like /contact/) works without without a problem. Directly entering the link works as well, so rewriting is working correctly.
This is driving me nuts. Anyone has an idea how to make this work?
I am using LayerSlider (http://kreaturamedia.com/layerslider-jquery-full-width-slider/) which is working fine on all browsers except IE 10. Even the demo link is working fine on the browser but when I integrate the slider in the website I am working on, it fails to load the image and the following error is shown in the console:
"It seems like the URL of the image or background image "image name" is pointing to a wrong location and it cannot be loaded. Please check the URLs of all your images used in the slider."
The link of the image is correct and the issue appears if only one image is added. If more than one image is added, then the above error does not show.
I have checked for compatibility issues with other plugins by disabling other jQuery plugins but still no effect. I even tried to use the same version of jQuery the demo is using but still no luck.
If anyone has an idea what the problem is, kindly help me out
Thanks
I'm fairly competent with HTML and am working with Bootstrap for the first time, but I can't seem to get the mobile collapsible menu working on Chrome on the desktop (and presumably some other browsers).
Safari on iOS 7 with default mobile responsiveness shows the menu fine when clicked, but nothing happens when you click it in Chrome on the PC when the browser is resized to a mobile-like width.
Sorry if it has been said before - just went through the code and couldn't really understand why it wasn't working! :(
First time on SO and can't figure out how to put my HTML in here, so here it is.
Thanks peeps :)
You have linked jQuery from Google CDN and hosting your website from Dropbox. Dropbox does not allow external linking of script and font files.
So you are getting an error on your page:
Host the jQuery file on your website and link (internal linking). Like for example put jQuery in JS folder and link:
<script src="js/jquery.min.js"></script>
Problem will be gone. Hope this helps!
Iam working on a website and I dont have any clue why the tabs doesnt work when I upload the website. Because when I view the website normal it does work perfectly.
By the way: The tabs are working with a jquery script.
This is the website URL: http://bmvisuals.poshh.nl/
Greetings.
Edit: I mean some of the tabs doesnt appear.
Your About me tab does not show up because your server is case sensitive.
Aboutme.jpg != Aboutme.JPG
You should check out CSS Sprites. There is a flicker when you hover over a tab (the first time) because the browser has to load the hover image. With CSS Sprites an image map is used and all the images are loaded at once so the hover is seamless.
As an aside, your site does not scroll vertically. When my window is smaller than your site, the bottom gets cut off and there is no way for me to see it.
Firstly, nice site. Secondly your tabs are totally borked for me. I am using Linux Ubuntu and Firefox 3. Not sure about the fix though. Just thought I would mention it.
Using Firebug, I see some resources give a 404 error:
http://bmvisuals.poshh.nl/Scripts/Lightbox/images/lightbox-ico-loading.gif
http://bmvisuals.poshh.nl/Scripts/Images/PhotoGallery/PhotoGalleryContainerBackground.png
http://bmvisuals.poshh.nl/Images/Tabs/Aboutme.jpg
http://bmvisuals.poshh.nl/Images/Tabs/HomeActive.png
On a side note, the page doesn't work if javascript is disabled. I would suggest using the noscript tag to show a message saying javascript is required. The other option is to make the page work without javascript.