如何将Javascript字符串传递给HTML并让mathjax呈现数学？

我正在使用flipant.css/js和同位素.js

但是我无法让mathjax在flashcard的背面将HTML呈现给math。 还有我的代码片段，它将字符串传递到html。有人能看到解决办法吗

 var front1 = document.getElementById('card1')
        , back_content1 = '<h2>\\\(a^{n+m}\\\)</h2><button id="closeCard1">&laquo; Back</button>'
        , back1;

document.getElementById("flipCard1").addEventListener('tap',function(e){
        back1 = flippant.flip(front1, back_content1);
        document.getElementById("closeCard1").addEventListener('tap',function(e){
             back1 = back1.close();
        })
    })     
document.getElementById("flipCard1").addEventListener('click',function(e){
        back1 = flippant.flip(front1, back_content1);
        document.getElementById("closeCard1").addEventListener('click',function(e){
            back1 = back1.close();
        })
    })

var front1=document.getElementById（'card1'）
，back\u content1='\\\\（a ^{n+m}\\\\）«；后退
，背景1；
document.getElementById（“flipCard1”）.addEventListener（'tap'，函数（e）{
back1=flipant.flip（front1，back_content1）；
document.getElementById（“closeCard1”）.addEventListener（'tap'，函数（e）{
back1=back1.close（）；
})
})     
document.getElementById（“flipCard1”）.addEventListener（'click'，函数（e）{
back1=flipant.flip（front1，back_content1）；
document.getElementById（“closeCard1”）.addEventListener（'click'，函数（e）{
back1=back1.close（）；
})
})

我访问了您的站点，可以看到您发现了问题。这是一个好主意，执行得很好。一个改进是：当卡片翻转时，如果卡片保持在同一个位置会更好。