JavaScript可以在IE中工作,但不能在Firefox中工作

JavaScript可以在IE中工作,但不能在Firefox中工作,javascript,.net,firefox,visibility,Javascript,.net,Firefox,Visibility,在我的.NET项目中,我在HTML页面中使用一个按钮,该按钮会显示一个隐藏的。该包含插入公司的表单 HTML: 因此,基本上在IE中,当我按下AddCompany按钮时,隐藏的会出现,但在FF中不会出现 有人知道我需要做什么来解决这个问题吗?用于隐藏元素并显示它 将高度设置为0是非标准的。是否尝试使用“显示”属性而不是“可见性” 使用“可见性”时,元素即使未显示也会占用空间,而使用“显示”元素则不会占用空间,因此不必担心高度 另外,您似乎正在使用jQuery,是否可以使用 $(隐藏).show(

在我的.NET项目中,我在HTML页面中使用一个按钮,该按钮会显示一个隐藏的
。该
包含插入公司的表单

HTML:

因此,基本上在IE中,当我按下AddCompany按钮时,隐藏的
会出现,但在FF中不会出现

有人知道我需要做什么来解决这个问题吗?

用于隐藏元素并显示它

将高度设置为0是非标准的。

是否尝试使用“显示”属性而不是“可见性”

使用“可见性”时,元素即使未显示也会占用空间,而使用“显示”元素则不会占用空间,因此不必担心高度

另外,您似乎正在使用jQuery,是否可以使用

$(隐藏).show()

$(hide.hide()

或者干脆

$(隐藏).toggle()

这些是使用css显示属性的jQuery快捷方式。问题在于:

$(hide)
这在IE中起作用,因为IE从每个元素生成一个全局变量,每个元素都有一个“id”。Firefox不会这么做


将所有对
$(hide)
的引用更改为
$(“#hide”)

FF控制台中有任何错误吗?我猜您没有在标记上看到大的“请勿使用”提示。在FF控制台中,我有这样一个提示:未定义ASCONDE HideCompany()机构(第167行)AddCompany()机构(第134行)onclick()onclick(第2行)event=单击clientX=1172,clientY=187[Break On This Error]$(hide).css({可见性:“hidden”,高度:“0”});这不是正确的隐藏方式。根据其他因素,它可能有副作用。它甚至不总是起作用。如果你想躲起来,躲起来。我不认为这是这里的问题。我同意。这里的区别不是JavaScript,而是CSS。jQuery擅长修复浏览器平台之间的一些不规则之处,所以利用它来解决这个问题。这很有趣。我刚才以为它是在别处定义的,但你可能是对的。一些微软的家伙有着非常奇怪的想法…@MikeThunder别忘了。这将帮助其他用户找到这个答案。现在效果很好。谢谢你,波蒂
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("");
}
$(hide)