рамки 7 onclick связать событие не работает

Question

Я использую framework7.io. Я использую их фреймворки и работу, но событие onclick не связывается со своим событием на странице pageInit.

Я пытаюсь получить доступ к форме данных и преобразовать их в json, используя , как показано ниже.

JS часть

//on page in it if page load via ajax 
$$(document).on('pageInit', function() { 

    /*========query form=======*/ 

    var queryForm = app.formToJSON('#query-form'); 
    $$('#query-submit').on('click', function() { 
     console.log(JSON.stringify(queryForm)); 
    }); 

}); 

HTML часть

<form id="query-form"> 
        <div class="color-error" id="formErrorField" style="display: none;"></div> 
        <ul> 
         <li> 
          <div class="item-content"> 
           <div class="item-inner"> 
            <div class="item-input"> 
             <textarea name="question" placeholder="Type Here!"></textarea> 
            </div> 
           </div> 
          </div> 
         </li> 
        </ul> 
        <br/> 
        <a href="#" class="button button-fill" id="query-submit">Submit</a> 
       </form> 

Тот же самый код работает на другой странице загрузки (не Аякса).

Answer 1

Фактически связывание в вашем коде кажется прекрасным.
Держите formToJSON код внутри ручки блока событий нажмите попробуйте следующее:

$$(document).on('pageInit', function() { 
    var queryForm = null; 
    $$('#query-submit').on('click', function() { 
    queryForm = app.formToJSON('#query-form'); 
     console.log(JSON.stringify(queryForm)); 
    }); 
}); 

Потому что когда PageInit происходит переменную queryForm пусто в соответствии с вашим code.After заполняя форму, которую вы хотите получить value.So держать внутри мыши обработчик события. Надеюсь, это поможет.