Javascript 框架7 onclick事件绑定不工作

我正在使用。我正在使用它们的框架事件和功能，但是onclick事件没有绑定到它们的页面事件pageInit

我尝试访问表单数据，并使用

formTOJSON

将其转换为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>

---

相同的代码用于不同的页面加载（非ajax）。

实际上绑定在代码中似乎很好。
将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变量为空。填充表单后，您希望获得值。因此请保留在click事件处理程序中。

---

希望这能有所帮助。

还有一个问题。”pageinit'在加载页面时调用了两次。实际上，您正在对文档调用onPageInit，所以第一次是在加载整个文档时调用，第二次是在视图中实际加载时调用。您可以使用~app.onPageInit（'about'，函数（page）{//code here}）//关于是您的数据页属性。