JQuery脚本在Chrome中运行,但在Firefox中运行

时间:2017-11-07 14:09:55

标签: jquery firefox

我正在构建一个库以保存已观看的系列节目,并且我正在努力解决与我的JQuery脚本的某种不兼容问题。 它适用于Chrome和Edge,但不适用于Firefox。 这个脚本的原因是用内容填充div。

    <script>
  jQuery(document).on('submit', '.seasons_form', function(e){  
  event.preventDefault();

$.ajax({

type: "POST",
url: $(this).attr("action"),
data: $(this).serialize(),

success:function(data){
;


    document.getElementById("chapters_container").innerHTML = (data);

},
error:function(xhr,exception)
{

}
})
e.preventDefault();
  });

</script>

在Firefox中,它将我重定向到我调用的函数而不是填充div。 我在这里已经阅读了几个类似的问题,但我找不到解决方案。

有人能帮忙吗?提前谢谢。

1 个答案:

答案 0 :(得分:1)

您需要在FireFox中使用您的函数传递事件变量,例如:

jQuery(document).on('submit', '.seasons_form', function(event) {}

它是IE和Chrome等的全局变量,但不是FF。 因此,您需要明确传递它。