javascript - jquery .click 表单提交在 ie8 或更低版本中不起作用-

Question

我在使用 javascript 和 jquery 的表单提交脚本时遇到问题 - 它是我已加载到 Facebook 选项卡中的表单，提交时应将变量传递到另一个选项卡。

它可以在 ie9、chrome、ff 和 safari 中运行，但客户端卡在 ie 上7 和 8。我不知道问题是什么 - 我尝试用 div 和图像替换按钮，以防 .click 不会覆盖提交功能。

这应该是一个常见问题，可以修复吗？或者我在做什么完全错误？

<script>
 $('document').ready( function(){
    $('#my_button').click(function (e) {
  //this.form.onsubmit();

      var_app = "444444";
      url = "http://www.facebook.com/tab/?sk=bladadasd&app_data=" + var_app;

      parent.window.location.replace(url);
      e.preventDefault();
      return false;
    });
 });    
</script>

<form id="submit" method="POST" >
 <ul>
  <li><span>Photo code <sup class="required">*</sup></span><input id="barcode" name="barcode" type="text"/></li>
  <li><span>First name</span><input id="firstName" name="firstName" type="text"/></li>
  <li><span>Last name</span><input id="lastName" name="lastName" type="text"/></li>
  <li><span>Email address</span><input id="optional_email" name="optional_email" type="text"/></li>
 </ul>
 <a class="help">Need help?</a>  
 <input value="" type="submit" id="my_button" />  
</form>

编辑表单在普通浏览器中弹跳到正确的页面，但在 ie8 中它只是自行提交，无处可去并再次显示相同的内容

Answer 1

如果它是一个提交按钮，那么即使在该表单上，您也应该使用 onsubmit 。

附注为什么你的 var_app 变量在全局范围内？