如何使用JQuery將MathJax元素放置在一個框中？

Question

我想在一個盒子裏放置一個MathJax元素。我嘗試了幾種不同的方法，但都沒有成功。盒子本身被定位，但我想要附加到盒子的元素被放置在同一個盒子裏（#third）。到目前爲止，代碼實際上移動了整個第三個框，而不是被附加到第三個框的元素。這是Javascript/JQuery代碼。完整的代碼可以通過以下鏈接進行查看：MathJax Code

功能下降（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"]); 

}

Answer 1

你有沒有試過如下：

var text = '<span style="position:absolute; top: 10px; left: 100px;">$${t}^x\\sqrt{t}^x$$</span>'; 
    $('#third').append(text);