jQuery только работает над первым экраном

У меня есть следующий dropdown, который хорошо работает с моим jQuery на первом экране ее произведенный, но тот же самый экран может быть произведен больше чем один раз и последующие страницы, jQuery не работает на показ другой коробки.

Я озадачен теперь. Любая помощь очень ценится.


    <div id="panel22" class="panels">
    panel22_
      <table border="1" width="100%" height="100%"  bgcolor="#CECFFF" style="border-top: none" cellspacing="10">    
<tr>
<td>
<table border="0" width="100%" height="100%" bgcolor="lightyellow" class="inline">
<tr>
<td colspan="3" class="Header" height="1"></td>
</tr>


   <tr name="contliab" id="contliab">
            <script type="text/javascript">
             $('#producttypes').change(function()
             {
               if($('#otherprodtype').is(':selected'))
               {
               $('#otherprodtypebox').show();
               }
             else
              {
               if($('#otherprodtypebox').is(':visible'))
               {
                 $('#otherprodtypebox').hide();
               }
              }
             });;
            </script>
            <td class="Label">Product Type</td>
            <td class="field">
             
             <input class="amdInputText" type="text" id="otherprodtypebox" value="" style="display:none;">
                
            </td>
           </tr> 
0
nl ja de
Вы получаете какие-либо ошибки?
добавлено автор j08691, источник
I' двойная проверка ll, но они должны все быть в одном файле. Это - та же самая снова использованная группа
добавлено автор topcat3, источник
никакие ошибки в пульте поджигателя
добавлено автор topcat3, источник
Вы включали ссылки на jQuery только на первой странице?
добавлено автор Oded, источник

1 ответы

Если , $ (#producttypes) является элементом, который динамично добавляется после страницы, загрузил (от требования AJAX, например), то необходимо будет использовать делегата() , чтобы поймать события, прибывающие из него.

$("#parentElement").delegate('#producttypes','change',function(){
  ...
});

Функция делегата помещается в родителя динамического элемента. Родительский элемент не должен быть прямым предком, это может также быть $ ('тело') , но необходимо постараться не прилагать все события к телу по исполнительным причинам.

делегат () -

Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.

1
добавлено
С jQuery 1.7, .delegate() был заменен .on() метод.
добавлено автор j08691, источник
Никогда не имел использования проблем на() самостоятельно с динамическими или статическими элементами. Имейте вас, сообщил о любых ошибках you' ve найден?
добавлено автор j08691, источник
Спасибо @Lix. В основном я хочу, чтобы пользователь был в состоянии иметь коробку, обнаруживаются, когда они выбирают другой на каждом экране, и они могут войти в различную стоимость в каждую коробку.
добавлено автор topcat3, источник
@Lix I' ve попробовал ваш код, но это didn' t работа. Я добавил код к своему вопросу. Вы видите, что новые группы создаются в зависимости от суммы пользователь, избранный, таким образом, у нас может быть panel22_0, panel22_1 и т.д. Мой код работает на panel22_0, но не на любого после того
добавлено автор topcat3, источник
@Lix I' m боящийся это din' t работа. Я попробовал $ (' body') .delegate (' #producttypes' ' change' функция ()
добавлено автор topcat3, источник
@j08 - У меня все еще есть некоторые проблемы с динамическими элементами и по() функция в 1.8... Эти проблемы всегда / исчезают после изменения, чтобы делегировать...
добавлено автор Lix, источник
@j08 - нет. I' m обычно именно так уменьшенный, чтобы получить его работа и затем идти дальше к следующей вещи: P
добавлено автор Lix, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing