0

Firefox 无法正确显示和隐藏我的表格。仅在按钮按下时显示标题而不是行。

基本上我想要的是当用户单击按钮时，显示具有 id“HideMe”的列标题和相同 id 的行。这在 Chrome 中完美运行，但在 Firefox 中却不行

<html>

<head>
    <title>Show and Hide Javascript won't work in Firefox</title>
    <style>
        #HideMe {
            display:none;
        }
    </style>
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script>
        jQuery(document).ready(function ($) {
            $('.ShowPassword').click(function () {
                $(HideMe).show();
            });
        });
    </script>
</head>

<body>
    <table>
        <tr>
            <th>ID Number</th>
            <th>First Name</th>
            <th>Middle Name</th>
            <th id="HideMe">Password</th>
        </tr>
        <tr>
            <td>2121</td>
            <td>Mike</td>
            <td>Daniel</td>
            <td id="HideMe">Password</td>
        </tr>
        <button class="ShowPassword">Show Password</button>
</body>

4

2 回答 2

0

这绝不是对的

$(HideMe).show();

您可能想要执行以下操作：

$('#HideMe').show();

小提琴：http : //jsfiddle.net/JS7tK/5/

一开始我没有注意到，但正如班迪在他的评论中指出的那样，他的评论 ID 应该是独一无二的。所以尝试做类似的事情：

<html>
    <head>
        <title>Show and Hide Javascript won't work in Firefox</title>
        <style>
            .HideMe {
                display:none;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script>
            jQuery(document).ready(function ($) {
                $('.ShowPassword').click(function () {
                    $('.HideMe').show();
                });
            });
        </script>
    </head>

    <body>
        <table>
            <tr>
                <th>ID Number</th>
                <th>First Name</th>
                <th>Middle Name</th>
                <th class="HideMe">Password</th>
            </tr>
            <tr>
                <td>2121</td>
                <td>Mike</td>
                <td>Daniel</td>
                <td class="HideMe">Password</td>
            </tr>
            <button class="ShowPassword">Show Password</button>
    </body>
<html>
于 2013-03-08T14:48:43.250 回答
0

我不做 jQuery，但作为一项规则，毫无疑问，最好在 & 中放置一个跨度来隐藏它，而不是试图隐藏单元格，因为这样做会使表格失衡，所以某些浏览器不允许这样做也就不足为奇了它。

于 2013-03-08T14:54:08.747 回答