За последние 24 часа нас посетили 22747 программистов и 1045 роботов. Сейчас ищут 624 программиста ...

Почему не работает addEventListener в Laravel?

Тема в разделе "JavaScript и AJAX", создана пользователем Dimon2x, 2 апр 2019.

  1. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.199
    Симпатии:
    184
    Делал отдельный файл, вне сайта и там всё работает, а в Laravel почему-то не работает.

    Странно, что в консоль выводит

    Код (Text):
    1. NodeList(3) [span.btnAnswer, span.btnAnswer, span.btnAnswer]
    А дальше клик не работает, почему? И ошибок не выводит

    HTML:
    1. <div class="question">
    2.  
    3.             <div class="img-and-variantbi clearfix">
    4.                
    5.                 <div class="question-for-img">
    6.  
    7.                     <form class="aaa" method="get">
    8.                         <ul class="clearfix radio-answer">
    9.                         <li>......</li>
    10.                         <li>......</li>
    11.                          
    12.  
    13.                              <br>
    14.                         <span style="display: inline-block;"class="btnAnswer">Проверить</span>
    15.                         </ul>
    16.                     </form>
    17.  
    18.  
    19.                 </div>
    20.             </div>
    21.         </div>
    22.        
    23.        
    24.        
    25.        
    26.           <div class="question">
    27.  
    28.             <div class="img-and-variantbi clearfix">
    29.                
    30.                 <div class="question-for-img">
    31.  
    32.                     <form method="get">
    33.                         <ul class="clearfix radio-answer">
    34.                         <li>......</li>
    35.                         <li>......</li>
    36.                          
    37.  
    38.                              <br>
    39.                         <span style="display: inline-block;"class="btnAnswer">Проверить</span>
    40.                         </ul>
    41.                     </form>
    42.  
    43.  
    44.                 </div>
    45.             </div>
    46.         </div>
    47.        
    48.        
    49.        
    50.           <div class="question">
    51.  
    52.             <div class="img-and-variantbi clearfix">
    53.                
    54.                 <div class="question-for-img">
    55.  
    56.                     <form method="get">
    57.                         <ul class="clearfix radio-answer">
    58.                         <li>......</li>
    59.                         <li>......</li>
    60.                          
    61.  
    62.                              <br>
    63.                         <span style="display: inline-block;"class="btnAnswer">Проверить</span>
    64.                         </ul>
    65.                     </form>
    66.  
    67.  
    68.                 </div>
    69.             </div>
    70.         </div>
    Код (Javascript):
    1. var ans = document.querySelectorAll('.btnAnswer');
    2.    
    3.    
    4.     console.log(ans);
    5.     ans.forEach(function (element, i) {
    6.         ans[i].addEventListener('click', function(e) {
    7.             e.preventDefault();
    8.             console.log(333);
    9.         })
    10.  
    11.     })
    --- Добавлено ---
    Я убрал поумолчанский блок
    PHP:
    1. <div id="app">
    из файла app.blade.php и всё заработало.