Page 1 of 1

turn.js and Appery

Posted: Wed Sep 24, 2014 10:26 am
by Nikolai Grachev

Hi Appery team!

I want to add turn.js (www.turnjs.com) functionality to my app. I have done:

  1. Add turn.js as JavaScript text to Appery.

  2. Add HTML box to my app:

    Page 1
    Page 2
    Page 3
    Page 4

  3. Add event on "show page" (also tried "Load") with JS code:

    $("#flipbook").turn({
    width: 400,
    height: 300,
    autoCenter: true
    });

    It's not working :(


turn.js and Appery

Posted: Wed Sep 24, 2014 10:27 am
by Nikolai Grachev

*Add HTML box to my app:

Page 1
Page 2
Page 3
Page 4


turn.js and Appery

Posted: Wed Sep 24, 2014 10:28 am
by Nikolai Grachev

*Add HTML box to my app:

//
// Page 1
// Page 2
// Page 3
// Page 4
//
//


turn.js and Appery

Posted: Wed Sep 24, 2014 10:29 am
by Nikolai Grachev

turn.js and Appery

Posted: Wed Sep 24, 2014 11:14 am
by Evgene Karachevtsev

Hello Nickolai,

Looks like there is a compatibility problem of turn.js with jqm. Please look here: https://github.com/blasten/turn.js/is...


turn.js and Appery

Posted: Wed Sep 24, 2014 11:16 am
by Nikolai Grachev

ok, thanks


turn.js and Appery

Posted: Thu Sep 25, 2014 4:54 am
by Nikolai Grachev

This plugin http://amegan.github.io/jquery-flip/ have jquery mobile support, but it's not working.


turn.js and Appery

Posted: Fri Sep 26, 2014 1:04 pm
by Evgene Karachevtsev

Nickolai,

The last specified library (http://amegan.github.io/jquery-flip/ ) requires old libraries of jquery and jquery mobile. For stable operation of the application you better should find another plugin to scroll through the items