単純なフォームonsubmitはjavascript関数（JQuery）を呼び出さない

Question

完全な部分はすべてここに投稿するのが面倒なので部分的なjavascriptコードを投稿しました。しかし、htmlコード全体が見つかりますhere

powerInput（）は呼び出されません。私はJqueryでコードを書く方法を理解できません。どんな助けも素晴らしいだろう。

function someFunction(){ 

$('#second').append('$${t}^x\\sqrt{t}^x$$'); 
      $('#container').append('<div id="third" ondrop="drop(event)" ondragover="allowDrop(event)"></div>'); 

$('#third').append('<form onsubmit="powerInput()">'); 

$('#third').append('<span style="position:absolute; top: 10px; left: 50px;">$${t}\\sqrt{t}$$</span>').css("font-size","200%"); 

$('#third').append('<input type="text" name="fpower" maxlength="1" style="width: 10px; height:9px; position:absolute; top:27px; left: 60px;">'); 

$('#third').append('<input type="text" name="spower" maxlength="1" style="width: 10px; height:9px; position:absolute; top: 25px; left:100px;">'); 

$('#third').append('<input type="submit">'); 
$('#third').append('</form>'); 

} 

function powerInput(){ alert("test"); 
} 

Answer 1

誤って追加しています.htmlタグの一部をdomに追加できず、コード全体を1つの文字列に追加できません。あなたが今持っている方法では、フォームには要素がありません。

$('#third').append('<form onsubmit="powerInput()">' + 
    '<span style="position:absolute; top: 10px; left: 50px;font-size: 200%">$${t}\\sqrt{t}$$</span>' + 
    '<input type="text" name="fpower" maxlength="1" style="width: 10px; height:9px; position:absolute; top:27px; left: 60px;">' + 
    '<input type="text" name="spower" maxlength="1" style="width: 10px; height:9px; position:absolute; top: 25px; left:100px;">' + 
    '<input type="submit">' + 
    '</form>'); 

Answer 2

スクリプトをデバッグしてみてください。 f12キーを押し、ブラウザのコンソールにエラーが表示されたかどうかを確認します。スクリプトエラーがあります

Answer 3

ラインであなたのすべてのHTMLタグを追加したり、要素を検査し、彼らはあなたが追加したいと、彼らが正常に追加した場合、それが原因であり、エラー正しく を実行する必要のdivまたはタグ
に正しく追加するかどうかを確認してみてください追加や書式では先に実行されません