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