1

我正在为我的网站使用 jQuery 和 twitter 引导程序。我正在使用滚动间谍、轮播和 AJAX 表单提交。我已经在三个浏览器中测试了这些。它们在 chrome 和 FF 中工作，但不在 Internet Explorer 中。

我对这些技术很陌生，所以我可能错过了一些对兼容性很重要的东西下面是我使用的脚本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/parsley.js"></script>



<!-- script to make the navigation scroll -->
<script>

    var $root = $('html, body');

    $('#nav a').click(function() {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;

    });

</script>

  <script>

          // AJAX submit
          $("#emailForm").submit(function() {

            var url = "email.php"; 

            $.ajax({
                   type: "POST",
                   url: url,
                   data: $("#emailForm").serialize(),
                   success: function(data)
                   {
                       $('#emailForm')[0].reset();
                       $('#contactForm').prepend('<h1 class="text-success" id="messageSent">Message sent!</h1>');
                       $("#messageSent").fadeIn("slow");
                       window.location.href = '#contact';
                   }
                 });

            return false; // avoid to execute the actual submit of the form.
        });

</script>

<!-- script to make the carousel work  -->
<script>

      // carousel demo
      $('#myCarousel').carousel();

</script>

有人可以指出/解释我的方式的错误吗

编辑：我正在使用 IE 8 对此进行测试。

4

1 回答 1

2

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

您正在使用 2.0.0 版的 jQuery，它在 IE 8 中不起作用。您可以在此处阅读相关内容。

我建议您使用与较低 IE 版本兼容的 jQuery 版本，例如 1.9.1：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

于 2013-05-11T14:40:03.987 回答