Javascript “提交”按钮在动态加载的内容中不起作用_Javascript_Php_Jquery

Javascript “提交”按钮在动态加载的内容中不起作用

javascript php jquery

Javascript “提交”按钮在动态加载的内容中不起作用,javascript,php,jquery,Javascript,Php,Jquery,我在index.html文件中使用javascript加载另一个javascript表单的登录php页面，如果直接转到login.php页面，则提交按钮工作正常，但一旦加载到index.html文件中，它就不会做任何事情，即使在屏幕上正确加载了所有内容这是我的index.html <!doctype html> <html> <head> </head> <body> <div id='myStyle'></div&

我在index.html文件中使用javascript加载另一个javascript表单的登录php页面，如果直接转到login.php页面，则提交按钮工作正常，但一旦加载到index.html文件中，它就不会做任何事情，即使在屏幕上正确加载了所有内容

这是我的index.html

<!doctype html>
<html>
<head>
</head>
<body>
<div id='myStyle'></div>
<script src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#myStyle').load('./login.php');
});
</script>
</body>
</html>

读了一点，我觉得我需要在音乐的旋律中添加一些东西

$(document).on('submit', '#password', function(evt){
  evt.preventDefault();
})

但我不仅不确定我需要将它放在哪个文件和文件中的哪个位置，我也不确定我是否真的需要这样做来修复它


<!doctype html>
<html>
<head>
</head>
<body>
<div id='myStyle'></div>
<script src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#myStyle').load('./login.php');
    $(document).on('submit', 'form', function(evt){
      evt.preventDefault();
    })
  });
</script>
</body>
</html>

$（文档）.ready（函数（）{
$（'#myStyle'）.load（'./login.php'）；
$（文档）.on（'submit'，'form'，function（evt）{
evt.preventDefault（）；
})
});

四处询问，我发现总体问题是我试图将login.php文件中的整个HTML页面加载到一个DIV中。我放弃了index.HTML文件，直接转到login.php，而不是试图将其包装到HTML页面中。

这是引发提交事件的表单，不是输入你有javascript错误吗？你试过调试吗？你能确认formhash正在执行吗？来自jQuery API“脚本执行：当使用不带后缀选择器表达式的URL调用.load（）时，在删除脚本之前，内容会传递到.html（）。这会在脚本块被丢弃之前执行它们。”@Daniel，从我对js调试的了解来看，答案似乎是否定的，由于某种原因，我看不到formhash正在执行。当我直接进入php页面时，一切工作都没有任何问题。具体地说，在firebug中，它显示它进入了这个onclick事件------函数onclick（event）{formhash（this.form，this.form.password）；}------然后死亡。不幸的是，这个行为与原始代码完全相同。

$(document).on('submit', '#password', function(evt){
  evt.preventDefault();
})

<!doctype html>
<html>
<head>
</head>
<body>
<div id='myStyle'></div>
<script src="jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#myStyle').load('./login.php');
    $(document).on('submit', 'form', function(evt){
      evt.preventDefault();
    })
  });
</script>
</body>
</html>