Проблема со всеми слайдерами и слайд-шоу в моем JavaScript JavaScript innerHTML - PullRequest
Новая
       9

Проблема со всеми слайдерами и слайд-шоу в моем JavaScript JavaScript innerHTML

0 голосов
/ 05 января 2012

У меня есть проблема, которая блокирует меня.

Я хочу слайд-шоу / слайд-шоу на моей странице, созданной в формате HTML, с использованием JavaScript. В моем веб-приложении у меня есть 2 шага: - div с формой - div с результатами

Когда я нажимаю на кнопку «ОК», первый div не отображается, а второй div (это нормально). В зависимости от результатов я хочу отобразить на своем втором элементе слайд-шоу слайд-шоу с несколькими изображениями.

Я нашел несколько слайд-шоу jquery, проверил их на простой html-странице, это сработало, но когда я помещаю их в свой код JavaScript, который генерирует элемент div, тогда ползунок не отображается!

образец моего кода:

  • работает в конце страницы на стороне HTML:

    Слайдер:

работает

но когда я помещаю его в javascript, он не отображается !!! 

result_html += "<div class='slider-wrapper theme-default'><div id='imgslider' class='nivoSlider'><img src='nivo-slider/demo/images/toystory.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/up.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/walle.jpg' alt='' data-transition='slideInLeft'><img src='nivo-slider/demo/images/nemo.jpg' alt='' data-transition='slideInLeft'></div></div>";
  document.getElementById("result").innerHTML = result_html;

Я тестировал несколько слайд-шоу, у вас есть какие-нибудь идеи?

Спасибо!

1 Ответ

0 голосов
/ 06 января 2012

Благодаря Джону Фаблу, я изменил это:

  • до того, как я загрузил слайдер при загрузке моей страницы:

    $ (окно) .load (функция () { $ ( '# Главный слайдер') FlexSlider (). });

  • и теперь я загружаю ползунок в моей функции JavaScript:

    function toto () { // ... $ (документ) .ready (function () { $ ( '# Главный слайдер') FlexSlider (). }); // ... }

    ... и это работает:)

...