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 に答える