Push transitions not working?

[chachra]

I'm trying with the download from Ratchet website and also by running localserver and using the test/app/* html files.

Am I missing something? No js errors, just doesn't work or switch to two.html. Commenting out the push code in ratchet.js lets it work fine... so am guessing something is going on.

I followed the docs and simply added a two.html with data-transition="slide-in" or fade etc. Nothing works?

[petetizz]

I don't wish to be stating the obvious, having fallen for this the other day when starting off, but the push.js code will only work on an iOS device. You need to be viewing your site on a mobile device not a desktop browser.

[chachra]

Kind of guessed it, then hit a snag with my local server :-)

That sucks sadly... it works on the ratchet main website in the browser, so I assumed it'll work for me too :-)

Any reason for that? Doesn't matter, we'll end up using Junior ( http://justspamjustin.github.com/junior/#home ) anyway for transition and backbone goodness!

-Sumit

[matteoannibali]

mamp

Matteo Annibali
Sent with Sparrow
On mercoledì 30 gennaio 2013 at 22:40, Sumit Chachra wrote:

Kind of guessed it, then hit a snag with my local server :-)
That sucks sadly... it works on the ratchet main website in the browser, so I assumed it'll work for me too :-)
Any reason for that? Doesn't matter, we'll end up using Junior ( http://justspamjustin.github.com/junior/#home ) anyway for transition and backbone goodness!
-Sumit
—
Reply to this email directly or view it on GitHub.

[d2kagw]

I've got the same issue.
Is there a particular reason why this will only work on a mobile device?
Makes for super annoying testing & development (especially since there's no errors or warnings about it anywhere)

[jeffchuber]

I'm also curious why a desktop browser isn't supported

[petetizz]

Ratchet's components are built to work with touch events and I believe that also includes push.js
You can get these working in Chrome desktop using a couple of methods. Either enable "touch events" in Chrome or add @fat's fingerblast.js file to map mouse events to touch events. If you look at the main Ratchet page http://maker.github.com/ratchet/ they include fingerblast.js and the push page transitions work with Chrome desktop.

Info was found here on Google Groups:-
https://groups.google.com/forum/#!msg/goratchet/KHE4SDGxFSo/_rw6mlfNf6EJ

[jeffchuber]

@petetizz -- thank you! that's super helpful

[discoliam]

Ive found the Ripple Emulator to be really useful with this. Saves adding another JS file.

https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc

[jeffsilva90]

@discoliam Thank you a lot! great app :D

[TigerWolf]

Im getting inconsistent behaviour on this. Links like

<a class="push-right" href="https://github.com/twbs/ratchet/">
              <strong>Ratchet on Github</strong>
</a>

Work without any modification, but links to local files do not.

<a class="push-right" href="github.html">
              <strong>Github Links</strong>
</a>

Why would the touch even be working for some links but not others?

(everything works fine in a phone browser)

[TigerWolf]

With version 2, it doesn't work on the phone either.

[danielsz]

@TigerWolf Same here. Sad.

[rkj1515]

data-ignore="push"

[itree]

Any word on this to @TigerWolf's question?

How can we load local files?

If all we can do is load remote files, then it kinda makes this framework pretty much useless for mobile development.

[vchowdhary]

you can make a local server to test files in python

open command shell and go to the right directory
type:
python -m http.server (port# without the parantheses)

then go to chrome and type in: http://localhost:port#
to see it in mobile mode, hit Ctrl-Shift-I and switch to mobile view