Javascript Jquery on click touchstart在移动浏览器中不工作

我有以下代码，当我点击一个按钮时，它会在一个div中加载一个页面。 我还将代码改为“接受工作”，在stackoverflow中看到了很多问题，但在移动浏览器中似乎没有一个问题适合我

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script type="text/javascript">
/* Jquery Load */
        $(document).ready(function() {
            $('ul#nav li a').on('touchstart click', (function() {
                var page = $(this).attr('href');
                $('#lesson').load('ar101/' + page + '.php');
                return false;
            }));
        });
/* End of Jquery Load */
</script>

/*Jquery负载*/
$（文档）.ready（函数（）{
$（'ul#nav li a'）。在（'touchstart click'，（function（）{
var page=$（this.attr（'href'）；
$（'#lesson'）.load（'ar101/'+page+'.php'）；
返回false；
}));
});
/*Jquery加载结束*/

touchstart事件对我来说似乎很好。这可能会有所帮助-它加载到一个具有'lesson'id的div中，对吗？这是从所选按钮（lesson1、lesson2等）加载信息，如路径：“/ar101/lessonX.php”，在id为#lesson的div中。在桌面浏览器上运行良好，但在移动设备上触摸事件不起作用。我也有同样的问题。我注意到问题只存在于日常添加的元素上，比如事件委托不起作用。您找到解决方案了吗？touchstart事件似乎对我很有效。这可能会有所帮助-它加载到一个具有'lesson'id的div中，对吗？这是从所选按钮（lesson1、lesson2等）加载信息，如路径：“/ar101/lessonX.php”，在id为#lesson的div中。在桌面浏览器上运行良好，但在移动设备上触摸事件不起作用。我也有同样的问题。我注意到问题只存在于日常添加的元素上，比如事件委托不起作用。你找到解决办法了吗？