Кодовый разрыв после 7-го деления

0

Использование turn.js

$("#flipbook").turn({
    shadows: $.isTouch,
    acceleration: $.isTouch,
    autoCenter: true
}); 

и мой собственный код (который мне помог здесь)

<script>
    var words = ['a','able','about','after','all','along','Along','an','and','And','arrived','as','asked','at','ate','attacked','baby','back','bad','baddies','be','became','before','Before','Behind','behind','being','big','biting','boat','borrowed','boy','boys','burst','by','came','care','causing','children','chores','collect','come','common','continued','couple','cut','dango','day','decided','demon','demons','did','did','difficult','do','dog','doing','eat','energy','enjoy','even','ever','everyone','evil','farewell','fight','find','firewood','floating','for','found','friends','from','gate','gave','gift','give','go','God','gold','got','green','grew','guessed','guys','had','happily','have','he','He','heard','help','her','him','his','home','houses','However','husband','in','including','into','is','island','it','Japan','Japanese','joined','journey','keep','lady','large','laundry','left','lived','looked','lot','lots','man','mean','met','momo','Momotaro','monkey','more','mountain','much','name','never','no','not','of','off','ogres','old','on','Once','once','One','one','open','out','own','pain','path','peach','pecking','people','pheasant','power','problems','quest','quickly','ran','real','red','returned','river','said','sailed','saw','screamed','see','seen','sell','set','She','she','shock','smashed','so','some','soon','special','spotted','stayed','stolen','stop','story','strong','surprised','take','Taro','tasty','terrible','terrorising','that','The','the','their','them','there','they','They','things','this','though','thought','through','time','to','too','took','up','upon','used','Using','using','village','walked','was','way','were','When','when','where','which','while','with','woman','work','would','you'],

    reg = new RegExp('\\b(' + words.join('|') + ')\\b', 'g');

    jQuery('.thestory').html(function (_, curHtml) {
        return curHtml.replace(reg, "<a href='#' class='$1'>$1</a>");
    });
</script>

<script>
    $( document ).ready(function() {
        function addSource(elem, path) {
            $('<source>').attr('src', path).appendTo(elem);
        }
        $('a').on('click', function(e) {
            var target= $(e.target);

            for (i in words) {
                if (target.hasClass(words[i])) {
                    var audio = $('<audio />', {
                        autoPlay : 'autoplay'
                    });
                    addSource(audio, 'audio/'+words[i]+'.mp3');
                    addSource(audio, 'audio/'+w[i]+'.ogg');
                    audio.appendTo('body');     
                }
            }
        });
    });
    </script>

И код #flipbook разделяет мои два пользовательских кода, они находятся в этом порядке на моей странице и разделены на разные теги <script> (мне нравится отделять мои сценарии для организации).

После страницы 7 (7-й .p7) нажатие на слова больше не производит звук... В чем может быть проблема?

Я воссоздал страницу на Fiddle с помощью Google Диска.

Также была бы причина, по которой это не работает на планшете Android?

Обновление: удаление скрипта turn.js и естественный поток страниц (удаление overflow:hidden; из #viewport он отлично работает. Но я хочу, чтобы эффект книги с помощью turn.js для этого...

Теги:
audio

1 ответ

0

Его работая в моем тесте, я ставлю вашу функцию в свою очередь.

$("#flipbook").bind("turned", function(event, page, view) {

  $('a').on('click', function(e) {
    target = $(e.target);

for (i in words) {
if (target.hasClass(words[i])) {
 var audio = $('<audio />', {
          id : words[i],
autoPlay : 'autoplay'
});
addSource(audio, 'https://googledrive.com/host/0B5Ubvdjb2dQUUEFIa2JUMkkzNFE/audio/'+words[i]+'.mp3');
//addSource(audio, 'https://googledrive.com/host/0B5Ubvdjb2dQUUEFIa2JUMkkzNFE/audio/'+words[i]+'.ogg');
audio.appendTo('body');
}
}

  });
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню