Откройте фреймворк jjascript +.

Question

Откройте фреймворк jjascript +.

0

Я использую framework.js framework, который превращает веб-сайт в полностраничный горизонтальный веб-сайт.

Я пытаюсь написать javascript, чтобы ответить на щелчок стрелок.navigate-left и.navigate-right.

Я обнаружил, что имена классов opens.js.navigate-right.enabled работают для правых и.navigate-left работают слева. Тем не менее, он реагирует только на щелчок стрелок на рабочем столе, он не работает для щелчка или прокрутки на мобильном телефоне, а нажатие клавиши - нажатие на трекпад на рабочем столе (что поддерживается рамкой opens.js).

Здесь урезанный пример (прокрутка мыши или мобильный салфетки, чтобы увидеть, что он не работает): http://chrisriesner.com/DT_web-experiments/DT-reveal-arrows-11-12-13/reveal-arrows-clean.html

<script type="text/javascript">
    $(document).ready(function(){
            // RIGHT ARROW 
            $(".navigate-right.enabled").click(function(){
                $('#side-column-textbox').animate({top: "-=300px"}, 1020);
                })  

            // LEFT ARROW 
            $(".navigate-left").click(function(){
                $('#side-column-textbox').animate({top: "+=300px"}, 1020);
                })      
    })
</script>

Я пробовал много разных решений без везения, поэтому любая помощь была бы замечательной !!

-thanks

Gmodal 05 дек. 2013, в 20:46

Источник

Теги:

javascript

jquery

mobile

reveal.js

1 ответ

Ещё вопросы

Gmodal · Answer 1 · 2013-12-05T21-40-00.000Z

Я сделал некоторый прогресс, когда узнал о функции addEventListener, которую мне нужно было настроить для другого имени события, даже если функция была такой же, что и делает ее грязной. См. Демонстрацию здесь: http://chrisriesner.com/DT_web-experiments/DT-reveal-arrows-11-18-13/reveal-arrows-addevents.html#/

        <section >
            <h2>PAGE 0</h2>
        </section >


        <section data-state="data-event-textbox">
            <h2>PAGE 1</h2>
        </section>


        <section data-state="data-event-textbox1">
            <h2>PAGE 2</h2 >
        </section>


        <section data-state="data-event-textbox2">
            <h2>PAGE 3</h2>
        </section>


<script>

    document.addEventListener('data-event-textbox', function(){
        $('#side-column-textbox').animate({top: "-=84%"}, 1020);

    });

    document.addEventListener('data-event-textbox1', function(){
        $('#side-column-textbox').animate({top: "-=84%"}, 1020);

    });

    document.addEventListener('data-event-textbox2', function(){
        $('#side-column-textbox').animate({top: "-=84%"}, 1020);

    })
</script>

У этого есть прокрутка мыши и мобильные проводы, работающие с моим.animate! Однако проблема, с которой я сталкиваюсь сейчас, заключается в том, что при прокрутке влево или влево по левому краю функция должна составлять + = 84% вместо - = 84%

Любые мысли о том, как запускать слайд при прокрутке/щелчке левой кнопкой мыши, чтобы я мог анимировать обратный путь?