Compatibility with new Zepto

[ckapop]

Hello,
I really love SimpleSlideView and hope you continue to work on it!
I noticed I was getting some warning messages in the Chrome console due to the Zepto lib. It turns out Zepto has fixed the issue with their new release. I tried using the new Zepto release with SimpleSlideView but it doesn't seem to work (push pop not longer works and page reverts to one big "list" page).
Are you aware of any reason why the new Zepto release doesn't seem to work? If so, is this something that will be worked on in the future?

Thanks!

[tylersticka]

@ckapop Thanks for the kind words!

I'll definitely try out the latest Zepto lib to see if there's an issue.

[tylersticka]

@ckapop You're not crazy, and I can replicate!

It appears the issue is that Zepto dropped the fx module from the default build around version 1.1.3. This module is required for stuff like $(selector).animate() to work, which this plugin relies on.

If you refer to the Manually Building Zepto section of their website, you can manually create a new Zepto build with the fx module intact. (You could also consider dropping Zepto from your project.)

I'll push an update soon with an up-to-date build of Zepto and a note in the README. Thanks so much for bringing this to our intention!

[tylersticka]

@ckapop I just pushed an update that includes an updated Zepto build. Let me know if that doesn't resolve the issue for you. Thanks again!

[ckapop]

Wow! Thanks for looking at this so quickly!

[ckapop]

Works great!

So it this possible to use without Zepto? Will it work just as nice? I am asking because I noticed some of my jQuery methods (that we use for other things) were not working., Mainly scrollTop and animate. Is this because they are different in Zepto?

Thanks

[tylersticka]

@ckapop Certainly! This should work great with jQuery as well... in fact, if it doesn't, you should definitely make a new issue for that.

Zepto attempts to mimic jQuery's API, but it is not 100% compatible. animate is not included in the latest default builds, and it uses different techniques than jQuery (CSS instead of JavaScript). I believe scrollTop will work in Zepto if you're just retrieving a value, but it won't work for animation, since that would require JavaScript. There are other differences, I'm sure Zepto's homepage documents them better than I could.

When I started making this plugin, jQuery 2 had yet to be released, so Zepto was very attractive from a file-size standpoint (and its CSS animation tools are awesome). Now that jQuery 2 is out there and evidence is mounting that Zepto may be less performant, chances are we'll likely drop Zepto support from the next major release of most of our plugins.

[ckapop]

Great! Thanks again! I look forward to the future updates!

[ckapop]

Hello again,

Can you provide some guidance on how to pull out Zepto completely so the plugin can run with the latest JQuery we are pulling in in our app?

[tylersticka]

@ckapop It should work with jQuery without any modifications. Can you describe the error or behavior you're seeing if something's not working?

[ckapop]

I think I might have libraries loading in an incorrect order. I am trying to use cytoscape.js and my function to initialize it uses jQuery. However, I am getting "object has no methods" when calling into the cytoscape lib. I immediately suspected library ordering but not entirely sure.

[ckapop]

So, I stripped out Zepto commenting out the "var useZepto" section and SimpleSlideView is working great. However, I can't get cytoscape.js to render its graphs. I am hitting all the breakpoints in the event functions but graph will not render.
Is there and reason you can think of that would cause some sort of conflict between SimpleSlideView and rendering simple graphics within a div container?

[ckapop]

I just disabled SimpleSlideView and graphs render fine. Maybe something to do with offset positioning?