Mootools Click Проблема с событием

Этот кодекс работает для первого клика. но тогда, кажется, не сможет получить новый идентификатор из следующего клика. Идея состоит в том, чтобы показать один фрагмент формы, и, нажав на кнопку, он прячет первую и показывает вторую часть. Есть идеи, что я делаю не так? Я думаю, это как-то связано с "этим", но, насколько я понимаю, он должен получить идентификатор и по второй ссылке.

        window.addEvent('domready', function() 
            {
            $('page_2').slide('hide');
            $('page_3').slide('hide');
            $('page_4').slide('hide');
            $('page_5').slide('hide');
            var togglePrefix = 'toggle_', boxPrefix = 'page_', emptyPrefix = '';
            var links = $('submit_box').getElements('a');
            links.addEvent('click', function(e)
                {
                e.stop();
                var id = $(this.get('id').replace(togglePrefix,emptyPrefix));
                var id_new = parseInt($(this).get('id').replace(togglePrefix, emptyPrefix)) + 1; 
                var next = ('page_'+id_new);
                var id_old = $(this.get('id').replace(togglePrefix,boxPrefix));
                $(id_old).set('slide', {duration: 'long', transition: 'linear'});
                $(id_old).slide('out');
                $(next).slide('in');
                });
            });

HTML следует этому шаблону:

<div id="page_1">

    <div id="inhalt-gewinn">
      <div id="gewinn_bild"></div>
      <div id="gewinn_form">
          <form id="gewinnspiel" name="gewinnspiel" method="post" action="<?=$_SERVER[PHP_SELF]; ?>">
              <div id="input_box">
                  <div><input type="radio" name="frage1" value="Kamille" /><span>Kamille</span></div>
                  <div><input type="radio" name="frage1" value="Kaktus" /><span>Kaktus</span></div>
                  <div><input type="radio" name="frage1" value="Krokus" /><span>Krokus</span></div>

              </div>
              <div id="submit_box"><a id="toggle_1" class="frage">nächste Frage...</a></div>

      </div>
      <div id="gewinn_werbung"></div>
    </div>
</div>
Источник

2 ответа

Решение

Если я понимаю пример, у вас есть куча div с идентификатором page_1, page_2 и так далее. В каждом div есть div с идентификатором submit_box. Когда ты написал $('submit_box').getElements('a') это добавит событие только к первому div, потому что идентификатор должен быть уникальным. Вы не можете иметь более одного элемента с уникальным идентификатором на странице. Поэтому, чтобы получить пример работы, измените идентификатор на имя класса и используйте $$('div.submit_box a').

Источник

Многократное использование идентификатора на странице разрушило код! После исправления это работало нормально

Источник
Другие вопросы по тегам