I am having an issue with foundation 4 section tabs. I copy pasted the example code to my local and tested it and it doesnt show up.
I also modified it and added some height elements to make it display properly but still I can only view on tab and clicking it doesnt actually open up the content.
I have included jquery foundation.css and foundation.min.js and also zepto.js without any luck.
If anyone could tell me what i might be doing wrong or if there is an issue with the framework that would be great.
Thanks.
Please close this.
I fixed the problem by adding a foundation at document load. :)
Cheers hope this helps someone in need.
$(document).foundation(); Thats the code I added right at the start of document.ready.
Related
So I am kinda stuck with this Slick Carousel. It works great out of the box by itself, but when I try to incorporate it with my webpage, it just doesn't seem to show anything at all. I have no idea what is conflicting here. I tried to replicate it on CodePen and it works just fine, but not on my webpage. I have provided both the urls for your reference. Could any of you help me with this?
CodePen - https://codepen.io/jesse-alex/pen/jONpOrE
My Webpage - https://jessealex.com/test/test.html
(I have stripped the webpage of all other elements but the carousel)
Thanks a ton again :)
It was a silly mistake... here are the fix
The element should be <link> rather than <script> as Tom Berghuis suggested.
Forgot to define the type="text/css"
on my site my hanburger menu just stopped working and no longer opens, it also adds an # to the URL when you click on the mobile version of it?
Not sure why it just all the sudden stopped working but I tried disabling all the plugins and turned them on one by one.
Tried removing the code I entered a couple weeks back.
Deleted the recent CSS code I added to make mobile version show properly
I also removed any custom css that could affect this hamburger menu and no luck.
Anyone have an idea why this is not working right now and what my next few steps would be to fix it?
Here is the site: https://rocketpilots.com the hamburger menu used to work fine yesterday and then woke up today to it not working anymore. Anyone have a fix for this issue, it is not plugins or custom css because tried both those options and no luck? I am pretty sure it is a javascipt issue just not sure exactly what?
Code for header.php:
<div class="fusion-header-sticky-height"></div>
<div class="fusion-header">
<div class="fusion-row">
<?php avada_logo(); ?>
<?php avada_main_menu(); ?>
<div class="logo_text"><h3 style="font-size:11px !important;color:#1592CE !important;"><a style="font-size:11px !important;color:#1592CE !important;" href="https://rocketpilots.com">Digital Marketing</a></h3></div>
Free Consultation
Please any assistance would be greatly appreciated, just cannot figure out why Hamburger menu stopped working, please let me know. Thanks!
Remove this code from inside the <script> tag:
jQuery(document).ready(function () {
jQuery('p strong')[0].nextSibling.remove('.');
});
This is causing the error seen in the console; whatever it's attempting to target doesn't exist in the document. This snippet also has a jQuery(document).ready(){} contained inside of another one, which is redundant.
First of all, it's my first post and I'm still kinda newbie but I'm keen on learning more and more.
I checked out this before I decided to ask here because I kinda got stucked.
So here is example of the code:
http://www.bootply.com/C1Xu5M0RnP
It works how I wanted it to do so but if I put it into my code and trying to test it locally I got some problems. Switching tabs by clicking on tabs work perfect, but when I try to click on the link which should move me to another tab it doesn't do so. I see the link + '#profile' or '#home' but tab and content don't show.
I don't have any errors at console debug. I included scripts in a way, a lot of people suggested here - jquery first, bootstrap after.
The question is what am I doing wrong or what libraries are preloaded on bootply?
I would be really grateful for any advices.
Seems like it works now. The problem was that I was using my own script first, then I was loading jquery and bootstrap.
I am viewing the source of http://raphaeljs.com/growing-pie.html . And copying all the relevant stuff into this jsFiddle. But the page is not working at all. I don't get any errors in the fiddle either, except this odd warning: Detected baseUrl as https://towtruck.mozillalabs.com . Anyway, i cant find any differences between the two pages and cant figure out why the fiddle isn't working. Thanks for your help!!! <:)>
The difference is that you need to include the Raphael library. Just selected it in the sidebar and pulled your code out of the onload handler in the JSFiddle in my comment.
Can someone please help me to understand what Am I doing wrong ?
I am using the isotope jquery plugin , all works ok, except filtering ..
I reproduced the problem here --> http://jsfiddle.net/AxCCT/
this looks pretty straight forward , I am obviously missing the obvious here .
I have followed the instructions here http://isotope.metafizzy.co/docs/filtering.html
Progress!
I changed a lot of stuff and it is sort of working now. It sorts and then immediately snaps back (might be a jsFiddle thing? Try loading this into your page and see what happens)
I'm doing an Isotope project right now at the moment and I'm using:
$(document).ready(function() {
// initialize isotope
});
I tried to use that in the Fiddle but it didn't like it for some reason.
Edit: working solution below, thanks to #jaychapani for pointing out the HTML error.