如何使用JQuery在框中定位MathJax元素
How do you position a MathJax element within a box using JQuery?
我正试图在一个框中定位一个MathJax元素。我试过几种不同的方法,但都不管用。盒子本身被定位,但我希望附加到盒子的元素被定位在同一个盒子内(#third)。到目前为止,代码实际上移动了整个第三个框,而不是附加到第三个方框的元素。这是Javascript/JQuery代码。完整的代码可以在以下链接中查看:MathJax code
函数下降
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"]);
}
您尝试过以下操作吗:
var text = '<span style="position:absolute; top: 10px; left: 100px;">$${t}^x''sqrt{t}^x$$</span>';
$('#third').append(text);
相关文章:
- CSS-如何定位内容数据标题
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 在Jquery detachment()和appendTo()之后定位元素
- 困在逻辑中试图定位动态的东西
- 如何告诉MathJax对下标使用替代语法
- 绝对定位不适用于Javascript DIV
- Jquery定位代码并调用它
- 如何在容器中定位旋转的图像
- Highcharts-图表外的图例定位
- .scroll()函数在上次更新后在谷歌chrome中定位闪烁
- 如何在CSS或Javascript中定位选定的属性(在HTML选项中)
- 地理定位api和谷歌地图出错
- 在 jquery 中定位暂停和播放按钮
- 当定位模式设置为“0”时,总是达到关于地理定位的超时;仅设备”;
- 如何在定位导航后向下滚动页面
- stickyfloat无法处理绝对定位的元素
- Selenium无法在浏览器DOM中定位元素
- Chrome地理定位在更新后停止工作
- 如何定位DOM怪物错误
- 如何使用JQuery在框中定位MathJax元素