JavaScript 在 IE 中工作,但不能在 Firefox 中工作
JavaScript works in IE, but not Firefox
在我的.NET项目中,我正在使用HTML页面中的按钮,它带来了隐藏的<div>
。该<div>
包含用于插入公司的表单。
.HTML:
<div class="top-div-where-is-my-ADD-button">
<h2>
Search:
<input type="text" id="search" />
<div id="divADD" onclick="AddCompany()">
<span>Add Company</span></div>
</h2>
</div>
<div id="hide" style="visibility: hidden; height: 0px; padding-bottom: 10px;">
<table id="CompanyDetails" class="company" style="width: 100%; text-align: center;">
.........
</div>
JavaScript:
function AddCompany() {
HideCompany();
$(hide).css({ visibility: "visible", height: "auto" });
var a = document.getElementById("divbuttonSaveCompany");
a.onclick = InsertCompany;
}
function InsertCompany() {
var a = document.getElementById("Name").value;
var b = document.getElementById("Address").value;
var c = document.getElementById("Country").value;
var d = document.getElementById("Phone").value;
var e = document.getElementById("Fax").value;
var f = document.getElementById("Email").value;
var gg = document.getElementById("Contact");
var g = gg.options[gg.selectedIndex].value;
$.ajax({
url: '@Url.Action("AddCompany", "Company")',
data: { nameCompany: a, address: b, country: c, phone: d, fax: e, email: f , contact: g},
dataType: "html",
type: "POST",
error: function () {
alert("error");
},
success: function (data) {
alert("Company was successfully added! ");
$("#all").html(data);
}
});
}
function HideCompany() {
$(hide).css({ visibility: "hidden", height: "0" });
$("#Name").val("");
$("#Address").val("");
$("#Country").val("");
$("#Phone").val("");
$("#Fax").val("");
$("#Email").val("");
}
所以基本上在IE中,当我按下按钮AddCompany时,隐藏的<div>
会出现,但在FF中没有。
有谁知道我需要做什么来解决这个问题?
问题是这样的:
$(hide)
这在IE中有效,因为IE从每个带有"id"的元素创建一个全局变量。 Firefox 不会这样做。
将"$(hide)
"的所有引用更改为"$('#hide')
"。
使用
jQuery hide
函数隐藏元素,使用 show
函数显示元素。
将高度设置为 0 是非标准的。
您是否尝试过使用 display 属性而不是可见性?
当使用可见性时,即使不显示元素也会占用空间,使用显示元素不会占用空间,因此您无需担心高度。
此外,您似乎正在使用jQuery,您能否使用"使用"来降低div的可见性
"$(hide).show();
$(hide).hide();
或者干脆
$(hide).toggle();
这些是使用 css 显示属性的 jQuery 快捷方式(请参阅文档)
相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- JS可以在Chrome中工作,但不能在Firefox中工作
- Facebook登录按钮没有'不能在Firefox上工作
- JS在firefox中无法正常工作
- firefox插件:退出不工作的应用程序观察器
- :focus:一起活跃,不在firefox上工作
- 加载Soundcloud嵌入式播放器OnClick在FireFox中不工作
- javascript()onclick隐藏元素-dos'我不在firefox工作
- 异步加载的SVG过滤器feColorMatrix在Chrome中工作,而不是在Safari或Firefox中
- Iframe加载调整大小在Chrome中工作,但不能在IE或Firefox中工作
- 按钮处于活动状态,焦点无法在Mac FireFox上工作
- HTML5 Canvas undo是'在IE或Firefox中无法正常工作
- javascript代码,用于删除firefox中的空白,但在IE和chrome中无法正常工作
- JavaScript 在 Chrome 中工作,而不是在 Firefox 中
- jQuery代码在Firefox中工作,但在IE中失败
- Javascript加载功能只能在一半的时间内工作(Firefox)
- jQuery点击不工作FireFox -可能是event.preventdefault
- JQUERY .load不能与窗口一起工作.firefox中的位置
- Javascript菜单不工作Firefox
- Jquery只在我重新加载页面时工作-Firefox