Cordova-App HTML/JS 离开页面并返回后所有内容都会出现多次

Question

我正在使用 Onsen 开展科尔多瓦项目。 我有多个页面，如果我从一个页面更改为另一个页面并返回到第一个页面，则整个代码将执行两次。如果我再做一次，一切都会发生三次、四次等等。

就像我加载一个视图：

$(document).on('click','#next',function() {
    fn.load("views/test.html");
});

视图看起来像：

<ons-page id="test">
    <img class="back_icon" id="picture" src="pictures/graphic.png" alt="back"/>

    <script>
        console.log(1);
        $(document).on('click','#picture',function() {
            fn.load("views/back.html");
        });
    </script>
</ons-page>

我第一次进入此页面，控制台：1 我回到另一个视图并再次使用它，控制台：1,1,1 再说一次： 1, 1, 1, 1, 1, 1, 1, 1

它对所有东西都这样做，但我不知道为什么它这样做。 （它出现在 Firefox、Chrome 和 Android 上）

有人给我一个主意吗？看来我缺少在视图之间切换的基本点......

谢谢！