我正在构建一个库以保存已观看的系列节目,并且我正在努力解决与我的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。 我在这里已经阅读了几个类似的问题,但我找不到解决方案。
有人能帮忙吗?提前谢谢。
答案 0 :(得分:1)
您需要在FireFox中使用您的函数传递事件变量,例如:
jQuery(document).on('submit', '.seasons_form', function(event) {}
它是IE和Chrome等的全局变量,但不是FF。 因此,您需要明确传递它。