微信扫码体验
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序介绍
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite_作者自评:
如何评价百家号Lite小程序热议话题「解决动态ajax/pjax加载mathjax不生效问题」
Mathjax
如图所见,适用于网页上的显示数学公式的JavaScript库。对浏览器的支持比较全面,据说支持到IE6(这个就比较厉害哦)
使用教程
官方demo
只要引入mathjax的js地址,配置config,就能自动识别文章中的数学公式写法。显示效果如下:
发现问题
正常情况下使用,是可以实现显示数学公式的,但是如果你的页面使用了动态加载,即ajax或pjax的情况下,mathjax就不能顺利的渲染出数学公式了。
咳咳,解决动态适配的事情也不是一次两次了,添加事件可以用jquery的on方法委托。在动态调用后执行可以在$.ajax的success方法后执行相关业务逻辑。pjax则在complete或end后执行相关业务逻辑代码。这里我拿pjax做演示,代码类似下面:
想法是在pjax加载complete之后加载mathjax的js依赖,在配置config,因为之前正常使用也是这样的。但是很遗憾,还是没有正常显示。
在官方文档中找到解决方案
遇到问题,最好的方法就是去了解官方的文档,权威有效。(经验表明网上教程没官方靠谱,官方找不到再去互联网上寻求帮助,这对你以后解决问题的能力也是一种锻炼,毕竟不是遇到的所有问题都能在互联网上找到解决方案的)
其中有项动态加载Mathjax,然而很遗憾,测试后发现不行(毕竟我上一步的修改的效果应该和文档这动态加载一致)
后来锲而不舍的找到了MathJax.Hub.Typeset()这个方法,结合Queue方法就能实现(不要问我为啥是中文文档,谷歌翻译了解下)
我的实现代码如下,仅供参考:
好了,到此动态ajax/pjax加载mathjax不生效问题就解决了~
希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以关注博主哦
该话题由百家号作者hojun「简介:关注IT,热爱生活,好好学习,天天向上」
更多有关解决动态ajax/pjax加载mathjax不生效问题的话题讨论请访问百家号Litex小程序关注作者-hojun
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite_使用指南:
步骤1:微信扫描「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序码即可使用;
步骤2:微信搜索「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序名称即可使用;
步骤3:微信网页访问即速商店-长按识别「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序码即可使用。
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite_服务声明:
本服务由「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序开发者向微信用户提供,并对本服务信息内容、数据资料及其运营行为等的真实性、合法性及有效性承担全部责任。
"「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite"由开发者"「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite"原创首发于微信小程序商店shop.jisuapp.cn,转载请注明出处。
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序评分
共收到5条评价
5星3条
4星2条
3星0条
2星0条
1星0条
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序评论
海量浏览,人人体验
提交申请入驻催审,首页推荐



__葑茚丶誋憶2019-09-01 02:12:09
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite是不错的小程序,写得轻而快,真正体现了小程序的优点,666
戰神灬榮耀2019-09-01 02:11:21
该「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite微信小程序非常棒,非常棒,非常棒,重要的事说三遍。
譕法譕天↗神2019-09-01 02:09:35
哎呦 还有这样的「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite小程序 nice
No灬1Free丨自由2019-09-01 02:08:25
昨天使用该「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite微信小程序了一下,亲测好评。
星球狂想战队2019-09-01 02:02:07
「解决动态ajax/pjax加载mathjax不生效问题」百家号Lite厉害了,高品质小程序呀