在我的.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中不会出现。
有人知道我需要做些什么来解决这个问题吗?
发布于 2012-06-21 21:50:24
问题是:
$(hide)这在IE中是可行的,因为IE为每个具有"id“的元素创建了一个全局变量。Firefox不会这么做的。
将所有对$(hide)的引用更改为$('#hide')。
发布于 2012-06-21 21:46:47
使用the jQuery hide function隐藏元素,使用the show function显示元素。
将高度设置为0是非标准的。
发布于 2012-06-21 21:50:07
您是否尝试过使用显示属性而不是可见性
使用visibility时,元素即使不显示也会占用空间,使用display时元素不会占用空间,因此您不需要担心高度。
另外,你似乎正在使用jQuery,你能用以下命令搜索你的div的可见性吗?
隐藏$(
).show();
$(hide).hide();
或者简单地说
隐藏$(
).toggle();
这些是使用css显示属性(see doc)的jQuery快捷方式
https://stackoverflow.com/questions/11139554
复制相似问题