AutoTools Can't execute jQuery Mobile on Web Screen

Discussion in 'AutoApps' started by mjrival, Dec 28, 2017.

  1. mjrival

    mjrival New Member

    Joined:
    Aug 4, 2016
    Messages:
    20
    Likes Received:
    0
  2. joaomgcd

    joaomgcd Administrator Staff Member

    Joined:
    Feb 3, 2015
    Messages:
    9,055
    Likes Received:
    768
    Can you please share the source for your webpage so I can try it out? Thanks!
     
  3. mjrival

    mjrival New Member

    Joined:
    Aug 4, 2016
    Messages:
    20
    Likes Received:
    0
    ok, now i can't ,maybe tomorrow,but if I try to load script from cdn it keeps loading

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

    and if i load from local, it shows a grey circle in center like if were loading but without spinning circle, i have to say that I can load jquery (not mobile ui) from local
    how can i view console logs?

    thanks
     
    Last edited: Dec 29, 2017
  4. mjrival

    mjrival New Member

    Joined:
    Aug 4, 2016
    Messages:
    20
    Likes Received:
    0
    This is my html, if I remove script from jquery mobile it works, but if I try to load it shows this.[​IMG]
    [​IMG]
    HTML:

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <title>VisorW3U</title>
    <!-- <meta charset="utf-8">-->
    <meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="////storage//emulated//0//visorW3U/jquery.min.js"></script>
    <!-- <script src="////storage//emulated//0//visorW3U/jquery.mobile-1.4.5.min.js"></script> -->
    <link rel="stylesheet" href="////storage//emulated//0//visorW3U/jquery.mobile-1.4.5.min.css">
    <meta name="autotoolswebscreen" type="variablejs" id="input_json" label="JSON Lista" description="Contenido archivo lista"
    defaultValue='{"name":"Tutorial w3u","author":"w3u format","url":"https://pastebin.com/G0R2ZgPR","contact":"admin@w3uformat.com","info":"Tutorial
    w3u","groups":[{"name":"Movies","image":"http://i.imgur.com/dveRKog.png","stations":[{"name":"Tears of Steel (MOV)","image":"http://i.imgur.com/zHW0cSVl.jpg","url":"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/ToS/ToS-4k-1920.mov","subtitle":"http://pastebin.com/JDfuRkZe"},{"name":"Sintel
    (MKV)","image":"http://i.imgur.com/s2Xd81sl.jpg","url":"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/Sintel.2010.720p.mkv"}]},{"name":"Live","image":"http://i.imgur.com/WH7HT2B.png","stations":[{"name":"NASA","image":"http://i.imgur.com/aCj27P5.png","url":"http://nasatv-lh.akamaihd.net/i/NASA_101@319270/master.m3u8"},{"name":"Clubbing
    TV","image":"http://i.imgur.com/SzzEGN4.png","url":"http://www.filmon.com/tv/channel/export?channel_id=691","isHost":true},{"name":"RT
    Español","image":"http://i.imgur.com/hZVHJba.jpg","url":"https://www.youtube.com/watch?v=OALyNX4IbBI"}]}]}'

    />
    </head>

    <script type="text/javascript">
    AutoTools.setDefaultValues({
    "input_json": '{"name":"Tutorial w3u","author":"w3u format","url":"https://pastebin.com/G0R2ZgPR","contact":"admin@w3uformat.com","info":"Tutorial w3u","groups":[{"name":"Movies","image":"http://i.imgur.com/dveRKog.png","stations":[{"name":"Tears of Steel (MOV)","image":"http://i.imgur.com/zHW0cSVl.jpg","url":"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/ToS/ToS-4k-1920.mov","subtitle":"http://pastebin.com/JDfuRkZe"},{"name":"Sintel (MKV)","image":"http://i.imgur.com/s2Xd81sl.jpg","url":"http://ftp.nluug.nl/pub/graphics/blender/demo/movies/Sintel.2010.720p.mkv"}]},{"name":"Live","image":"http://i.imgur.com/WH7HT2B.png","stations":[{"name":"NASA","image":"http://i.imgur.com/aCj27P5.png","url":"http://nasatv-lh.akamaihd.net/i/NASA_101@319270/master.m3u8"},{"name":"Clubbing TV","image":"http://i.imgur.com/SzzEGN4.png","url":"http://www.filmon.com/tv/channel/export?channel_id=691","isHost":true},{"name":"RT Español","image":"http://i.imgur.com/hZVHJba.jpg","url":"https://www.youtube.com/watch?v=OALyNX4IbBI"}]}]}',
    });
    var mainObj = JSON.parse(input_json);
    </script>

    <body>
    <div data-role="page">

    <div data-role="content" id="content"><pre></pre>
    </div>
    </div>
    </body>

    <script type="text/javascript">
    $('#content pre').append(JSON.stringify(mainObj,null,4));
    </script>

    </html>
     
    And now without jquery mobile I have an error, It may be because of json size, is there anyway to increase the limit?[​IMG]
    [​IMG]
    Thanks a lot
     
  5. mjrival

    mjrival New Member

    Joined:
    Aug 4, 2016
    Messages:
    20
    Likes Received:
    0
    Fixed! I've added first jquery script, later a script tag
    Code (Javascript):

            $(document).bind('mobileinit', function () {
                $.mobile.changePage.defaults.changeHash = false;
                $.mobile.hashListeningEnabled = false;
                $.mobile.pushStateEnabled = false;
            });
    And then add jquery mobile script and it works.

    Thanks a lot
     
  6. joaomgcd

    joaomgcd Administrator Staff Member

    Joined:
    Feb 3, 2015
    Messages:
    9,055
    Likes Received:
    768
    Great! :D
     

Share This Page