Jquery 在dynatable上重新加载mathjax
我希望与一起使用，以便显示带有渲染公式的表。 下面是一个简单的示例来说明问题：Jquery 在dynatable上重新加载mathjax,jquery,mathjax,dynatable,Jquery,Mathjax,Dynatable,我希望与一起使用，以便显示带有渲染公式的表。 下面是一个简单的示例来说明问题： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>dynatable mathjax test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jque
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>dynatable mathjax test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">/script>
<script src="js/jquery.dynatable.js"></script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
<script>
$.dynatableSetup({
dataset: {
perPageDefault: 3,
perPageOptions: [3,6],
},
});
$( document ).ready(
function() {
var jsontabledata = [
{
"id": 1 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 2 ,
"name": "$2$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 3 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\LaTeX$",
},
{
"id": 4 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 5 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 6 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 7 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
];
var dynatable = $('#my-final-table').dynatable({
dataset: {
records: jsontabledata
}
}).data('dynatable');
}
);
</script>
</head>
<body>
<table id="my-final-table">
<thead>
<th>Id</th>
<th>Name</th>
<th>Titel</th>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
代码中的某个地方，但我无法让它工作。我不确定我是否应该使用dynatable的，以及如何以一种有效的方式绑定它们。所以我通过查看问题解决了这个问题 这将有助于：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>dynatable mathjax test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.dynatable.js"></script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
<script>
$.dynatableSetup({
dataset: {
perPageDefault: 3,
perPageOptions: [3,6],
},
});
var processingComplete = function(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,"my-final-table"]);};
$( document ).ready(
function() {
var jsontabledata = [
{
"id": 1 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 2 ,
"name": "$2$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 3 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\LaTeX$",
},
{
"id": 4 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 5 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 6 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 7 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
];
var dynatable = $('#my-final-table').dynatable({
dataset: {
records: jsontabledata
}
}).bind('dynatable:afterProcess', processingComplete);
}
);
</script>
</head>
<body>
<table id="my-final-table">
<thead>
<th>Id</th>
<th>Name</th>
<th>Titel</th>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
动态mathjax测试
MathJax.Hub.Config({
扩展：[“tex2jax.js”]，
jax:[“输入/文本”，“输出/HTML-CSS”]，
tex2jax:{inlineMath:[[“$”，“$”]，[“\\（“，“\\）”]}
});
$.DYNATABLETUP({
数据集：{
默认值：3，
perPageOptions:[3,6]，
},
});
var processingComplete=function（）；
$（文件）。准备好了吗(
函数（）{
var jsontabledata=[
{
“id”：1，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$”，
},
{
“id”：2，
“名称”：“$2$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$”，
},
{
“id”：3，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\乳胶$”，
},
{
“id”：4，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$a”，
},
{
“id”：5，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$a”，
},
{
“id”：6，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$a”，
},
{
“id”：7，
“名称”：“$1$test”，
“滴度”：“一些乳胶/mathjax:$\\sum\u a^b$a”，
},
];
var动态表=$（“#我的最终表”）。动态表({
数据集：{
记录：jsontabledata
}
}).bind（'dynatable:afterProcess'，processingComplete）；
}
);
身份证件
名称
滴度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>dynatable mathjax test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.dynatable.js"></script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX","output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
});
</script>
<script>
$.dynatableSetup({
dataset: {
perPageDefault: 3,
perPageOptions: [3,6],
},
});
var processingComplete = function(){MathJax.Hub.Queue(["Typeset",MathJax.Hub,"my-final-table"]);};
$( document ).ready(
function() {
var jsontabledata = [
{
"id": 1 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 2 ,
"name": "$2$ test",
"titel": "some latex/mathjax: $\\sum_a^b$",
},
{
"id": 3 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\LaTeX$",
},
{
"id": 4 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 5 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 6 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
{
"id": 7 ,
"name": "$1$ test",
"titel": "some latex/mathjax: $\\sum_a^b$ a",
},
];
var dynatable = $('#my-final-table').dynatable({
dataset: {
records: jsontabledata
}
}).bind('dynatable:afterProcess', processingComplete);
}
);
</script>
</head>
<body>
<table id="my-final-table">
<thead>
<th>Id</th>
<th>Name</th>
<th>Titel</th>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>