Question

我有这个表格和一个javascript来执行以下操作：我需要用户提交电子邮件地址，之后网站应该将他重定向到另一个页面。

问题是该事件虽然我的脚本在点击提交时似乎看起来正确，但页面提交并向服务器发送GET请求。

代码：

<form id="website">
    <div id="new_website">
        <div class="close_new_website"></div>
        <div class="websitemail"><input type="text" name="webmail" /></div>
        <div class="websitesubmit"><input type="submit" class="sendmail" value="Trimite" /></div>
        <script>
        $(document).ready( function () {
            $("#website").submit(function(e){
                e.preventDefault();
                $.ajax({
                    type: 'POST',           
                    async: false,
                    url: 'http://www.website.com/mailer/new_website.php',
                    data: $("#website").serialize(), 
                    success: function(data) {
                        console.log(data);
                        //self.location="http://www.website.com/contest/";
                    },
                    error:function(){
                        console.log (data);     
                    }                    
                });
                return false;
            });    
            $(".close_new_website").click(function(){
              $("#new_website").fadeOut();
            });

        });
        </script>
    </div>
</form>

我在网站上查看了很多这样的问题，所以我不想浪费你的时间。

谢谢。

编辑1：

我已经在console.log ('loaded');之后添加了这个$(document).ready( function () {并且它根本不会触发，所以我认为Jquery应该有问题因此我在这一切之前添加了：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

它仍然不起作用。

我认为问题来自最近的Wordpress更新或者自昨天jquery.min.map找不到的东西。我下载了它并将其添加到各自的加载文件夹中，但问题仍然存在。

编辑2：

我试图用1.9.1和1.8.3替换Jquery 1.10.2，但仍然会发生同样的情况。

jquery preventDefault（）无法正常工作

0 个答案: