javascript - mathjax 与 jquery-popbox 冲突

Question

我在我的网站上使用 mathjax，我发现使用 jquery-popbox 时，mathjax 文本位于 popbox 顶部。我创建了一个 jsfiddle 显示这个问题

https://jsfiddle.net/of5g5f32/

我使用带有 Latex 表示法的 mathjax

 <script type="text/x-mathjax-config">        
 MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$']]}});
 </script>

问题是，如何在 mathjax 符号之上强制弹出框？

谢谢 卡尔

Answer 1

一个简单的解决方案是在 .box 元素上设置 z-index，但要在分配 popbox 后进行。像这样:

$('.popbox').popbox();
$('.box').css('z-index','1');

http://jsfiddle.net/7tggay6z/