Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery IE9中的显示错误_Jquery_Ruby On Rails_Ruby On Rails 3_Twitter Bootstrap - Fatal编程技术网

Jquery IE9中的显示错误

Jquery IE9中的显示错误,jquery,ruby-on-rails,ruby-on-rails-3,twitter-bootstrap,Jquery,Ruby On Rails,Ruby On Rails 3,Twitter Bootstrap,我有一个即将发布的页面,位于www.rementeals.com 当点击“先进入”按钮并提交电子邮件时(做一个类似的假邮件)abc@abc.com或者随便什么)模式弹出窗口有一个bug,背景不显示,社交图标只在鼠标悬停时出现。这是一个用bootstrap构建的rails站点 这个问题只发生在IE 9中。。有人有线索吗 下面是相关的jquery,不确定这是否有用 $('document').ready(function() { // display validation errors for

我有一个即将发布的页面,位于www.rementeals.com

当点击“先进入”按钮并提交电子邮件时(做一个类似的假邮件)abc@abc.com或者随便什么)模式弹出窗口有一个bug,背景不显示,社交图标只在鼠标悬停时出现。这是一个用bootstrap构建的rails站点

这个问题只发生在IE 9中。。有人有线索吗

下面是相关的jquery,不确定这是否有用

$('document').ready(function() {

  // display validation errors for the "request invitation" form
  if ($('.alert-error').length > 0) {
    $("#request-invite").modal('toggle');
  }

  // use AJAX to submit the "request invitation" form
  $('#invitation_button').live('click', function() {
    var email = $('form #user_email').val();
    var password = $('form #user_password').val();
    var dataString = 'user[email]='+ email + '&user[password]=' + password;
    $.ajax({
      type: "POST",
      url: "/users",
      data: dataString,
      success: function(data) {
        $('#request-invite').html(data);
        loadSocial();
      }
    });
    return false;
  });

})

// load social sharing scripts if the page includes a Twitter "share" button
function loadSocial() {

    //Twitter
    if (typeof (twttr) != 'undefined') {
      twttr.widgets.load();
    } else {
      $.getScript('http://platform.twitter.com/widgets.js');
    }

    //Facebook
    if (typeof (FB) != 'undefined') {
      FB.init({ status: true, cookie: true, xfbml: true });
    } else {
      $.getScript("http://connect.facebook.net/en_US/all.js#xfbml=1", function () {
        FB.init({ status: true, cookie: true, xfbml: true });
      });
    }

    //Google+
    if (typeof (gapi) != 'undefined') {
      $(".g-plusone").each(function () {
        gapi.plusone.render($(this).get(0));
      });
    } else {
      $.getScript('https://apis.google.com/js/plusone.js');
    }
}

谢谢

在IE的输入字段中按
Enter
时,您的页面将提交到
thankyou.html
,而不是打开带有社会统计信息的模式。这是因为在输入字段中按
Enter
提交时,不会触发
#邀请(invitation)按钮的
单击
事件

$('document').ready(function() { <-- Document isn't supposed to be in quotes
将文本
输入
提交
按钮包装在
中,然后替换:

$('#invitation_button').live('click', function() {
与:

或者,在使用jQuery 1.7.2时:

$('form').on('submit', function() {

您也可以考虑使用CDN托管的JQuery复制,而不是在您的站点上托管它,因为它为您的用户提供更好的缓存和加载时间。


页面的其余部分似乎与我的IE中的FF/Chrome的行为相同。

你不是在说你实际遇到了什么问题吗?IE9有开发工具,请尝试单步执行你的代码。@Pekka补充了问题所在wrong@greg不幸的是,我不熟悉IE9工具。@NKeating只是点击F12并转到控制台。它会告诉你错误在哪里谢谢@Fabrico。。我相信你的修正在IE上起了作用,但一个副作用似乎是当电子邮件输入中出现错误时(只需在电子邮件中输入字母“a”即可触发),格式被破坏。。。有什么想法吗?
$('form').live('submit', function() {
$('form').on('submit', function() {