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标记或检查元素，看看它们是否在所需的div或标记中正确添加如果他们添加正确，你想要添加，然后它正确运行因为如果附加错误并且格式化，则不会提前执行

Answer 2

尝试调试脚本。按f12，查看是否在浏览器控制台中出现任何错误。可能存在一些脚本错误

Answer 3

您输入错误，无法将部分html标记附加到dom中，将整个代码附加到一个字符串中。你现在拥有它的方式表单中没有元素。

$('#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>');

简单形式onsubmit不调用javascript函数（JQuery）

3 个答案: