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.
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"
my question is similar to this
Using Isotope with AngularJS (ng-repeat)
but I cant seem to get mine to work.
i have made a jsfiddle here.
http://jsfiddle.net/hendhyhutomo/pn937pbq/9/
Everytime i put in the isotope execution line it just stacks up to one.
I have tried the best answer for the solution here by adding this line
$http.$watch('doodlesContent',function(){
$('.doodleswrapper').isotope({
itemSelector: '.doodles-item'
});
});
http://jsfiddle.net/hendhyhutomo/pn937pbq/8/
which makes it worse. Maybe I didnt do it correctly. But some help please!
I also tried angular-isotope. But everytime i run it, the console give me an error that angular-isotope has a missing function.
First of all, I'm sorry if this is already asked. I couldn't find a answer.
I have a HTML5 template bought at themeforest and a jQuery carousel. I am not very similar with JavaScript or JQuery.
When I wanted to implement the carousel like it said in the description the JQuery/Javascript didn't work.
I found out that it could be the version of JQuery. The template(cleanstart) uses version 1.11.2 and the carousel uses 1.44.4. When I changed the carousel to that version it didn't work. When I changed the template version to 1.44.4, it didn't work either.
Then I've put the text from the carousel.js in a script tag in the HTML, and that seemed to work but then the templates jQuery didn't work...
Do you have any idea what the problem can be? Maybe a variable with the same name? I really don't know how to solve it.
Help is much appreciated!
With just this Information, It's pretty hard to help you. It could be a problem with your Implementation, a compatibility Issue or many things else.
Do you have a public page where the template and the carousel are implemented? Does the console window give you any error (if you don't have it yet, I recomend you to get Firefox and the addons Firebug and Webdeveloper Toolbar).
I have found my problem. it was a scroll section that causes the other jquery to stop. When I removed that part of the code, nothing bad with the carousel happened and the other parts worked fine!
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.
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.