Search jQuery

jQuery Forum

jQuery Mobile

blinde80

using katex.render() in panel crashes

in jQuery Mobile • 2 years ago

Hallo there,

I try to use katex equations within panels, but it dont work properly. How can I use katex inside panels.

Where should I call katex.render()....?

The code-example is attached..

Thanks in advance!

Bernd

Attachments

aufgabe_0_2.html
Size : 11.26 KB Downloads : 567 Download

Replies(12)

jakecigar

Re: using katex.render() in panel crashes

2 years ago

<span id="form_0"></span>
</p>
</div>
</div>
<script type="text/javascript">
// render panel equations
katex.render("\\frac{11!}{4! \\cdot 4! \\cdot 2! \\cdot 1!}= 34650", form_0);
$( "#panel-Aufgaben_0_2" ).trigger( "updatelayout" );
</script>

But you never defined form_0.

Try

<script>
// render panel equations
katex.render("\\frac{11!}{4! \\cdot 4! \\cdot 2! \\cdot 1!}= 34650", $("#form_0")[0]);
$( "#panel-Aufgaben_0_2" ).trigger( "updatelayout" );
</script>

JΛ̊KE

blinde80

Re: using katex.render() in panel crashes

2 years ago

Dont work. The panel does not open any more!

The errorcode when I try to open the page is:

katex.min.js:1 Uncaught TypeError: t.appendChild is not a function
    at Object.p [as render] (katex.min.js:1)
    at eval (eval at <anonymous> (jquery-1.11.1.min.js:2), <anonymous>:3:17)
    at eval (<anonymous>)
    at jquery-1.11.1.min.js:2
    at Function.globalEval (jquery-1.11.1.min.js:2)
    at m.fn.init.domManip (jquery-1.11.1.min.js:3)
    at m.fn.init.append (jquery-1.11.1.min.js:3)
    at m.fn.init.m.fn.(anonymous function) [as appendTo] (http://85.214.194.149/bernd/js/libs/jquery-1.11.1.min.js:3:23321)
    at a.(anonymous function).(anonymous function)._include (http://85.214.194.149/bernd/js/libs/jquery.mobile-1.4.5.min.js:4:18751)
    at a.(anonymous function).(anonymous function)._include (http://85.214.194.149/bernd/js/libs/jquery.mobile-1.4.5.min.js:3:9626)

jakecigar

Re: using katex.render() in panel crashes

2 years ago

I’d like to see it live. Can you share a link to your page? Did I make a typo? Was there an error in the dev tools?

JΛ̊KE

jakecigar

Re: using katex.render() in panel crashes

2 years ago

I made a JQM demo http://home.jejaju.com/play/katex . It handles any number of katex elements on any number of pages.

JΛ̊KE

jakecigar

Re: Re: using katex.render() in panel crashes

2 years ago

I changed a class name, It should not convict with their classes.

JΛ̊KE

blinde80

Re: using katex.render() in panel crashes

2 years ago

You can see the error here http://85.214.194.149/bernd/hausaufgabenOverview.html

klick to "Aufgabe 2" then the error occurs, but only with Chromium browser, also with android browser and safari.

It works with firefox. When I remove the katex.render() call from the panel, It works....

I think: the form_0 element is not visible, but how can I access form_0 from outside the panel code?

Your example is nice. But can you show me this inside a panel like this:

</div>

</div>

<div data-role="header">

</div>

<div data-role="content">

</div>
</div>

<script type="text/javascript">

katex.render(" 30 \\cdot 16 \\cdot 3 = 1440",form_0);

</script>

</div>

jakecigar

Re: using katex.render() in panel crashes

2 years ago

My demo now has a katex in a panel.

JΛ̊KE

blinde80

Re: Re: using katex.render() in panel crashes

2 years ago

You are saved my life!! Thanks a lot.....

blinde80

Re: using katex.render() in panel crashes

2 years ago

One last question: Sometimes I have to refresh the page because equations are not rendered properly the first time. If I refresh the page by Strg+R then all equation are shown nice. Any idea ?

jakecigar