[英]How do you position a MathJax element within a box using JQuery?
I'm trying to position a MathJax element within a box. 我正在尝试在框中放置MathJax元素。 I have tried several different methods but none work.
我尝试了几种不同的方法,但是都没有用。 The box itself gets positioned but I want the element that is appended to the box to be positioned within the same box (#third).
框本身已定位,但我希望将附加到框的元素定位在同一框内(#third)。 The code so far actually moves the entire third box not the element that is being appended to the third box.
到目前为止,代码实际上移动了整个第三个框,而不是移动附加到第三个框的元素。 Here is the Javascript/JQuery code.
这是Javascript / JQuery代码。 The complete code can be viewed at the following link: MathJax Code
可以在以下链接中查看完整的代码: MathJax代码
function drop(ev) { 函数drop(ev){
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
//ev.target.appendChild(document.getElementById(data));
switch(data)
{
case("drag1"):
$('#second').append('$$\\sum$$');
break;
case("drag2"):
$('#second').append('$$\\int$$');
break;
case("drag3"):
$('#second').append('$$\\alpha$$');
break;
case("drag4"):
//$('#second').css("font-size","150%");
$('#second').append('$$\\beta$$').css("font-size","150%");
break;
case("drag5"):
$('#second').append('$${du}$$');
break;
case("drag6"):
$('#second').append('$${dt}$$');
break;
case("drag7"):
$('#second').append('$${t}$$');
break;
case("drag8"):
//$('#second').append('$$\\beta$$').css("font-size","150%");
//var $sqrtEqElement = $('#third').append('$${t}^x\\sqrt{t}^x$$').css("font-size","100%");
//var $sqrtEqElement = document.createElement("$${t}^x\\sqrt{t}^x$$");
//$('#sqrtEqElement').parent().css({position: 'absolute'});
//$('#sqrtEqElement').css( { position: 'absolute', top: 0, left: 0} );
$('#second').append('$${t}^x\\sqrt{t}^x$$');
$('#container').append('<div id="third" ondrop="drop(event)" ondragover="allowDrop(event)"></div>');
$('#third').append('$${t}^x\\sqrt{t}^x$$').css( { position: 'absolute', top: 10, left: 100} ); //not working
//$('#third').append('<label>Filename:</label> <input type="text" name="file" id="file" />');
break;
default:
}
MathJax.Hub.Queue(["Typeset",MathJax.Hub,"second"]);
MathJax.Hub.Queue(["Typeset",MathJax.Hub,"third"]);
} }
Have you tried the following : 您是否尝试过以下方法:
var text = '<span style="position:absolute; top: 10px; left: 100px;">$${t}^x\\sqrt{t}^x$$</span>';
$('#third').append(text);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.