调试过程发现，使用
$(document).on(‘tap‘, ‘.children2‘, function () {
//内部程序
}）
点击children2的时候，程序在里面执行了两次。百度得到的解释是：
原因：
如果你在页面中没有使用<div data-role="page">，jquery mobile会自己创建一个，因为它必须依赖这个。
它怎么创建呢？把body里面的内容复制一遍塞到div里去，body里如果有script就会被被塞入到新节点后，浏览器解释为需要加载scirpt里的内容，最后奇迹就发生了。。。
解决办法：
只需要把所有的script内容放到head里即可
原文：https://www.cnblogs.com/wangxiaoyan/p/9636206.html