Firefox가 내 테이블을 제대로 표시하거나 숨기지 않습니다. 버튼 누르기의 머리글 만 표시하지 않습니다.Firefox가 내 테이블을 제대로 표시하거나 숨기지 않습니다. 버튼 만 눌렀을 때 헤더가 표시되지 않음
기본적으로 사용자가 버튼을 클릭하면 ID가 "HideMe"인 열 머리글과 같은 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 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>
동일한 ID를 가진 DOM 요소를 사용하는 것은 좋지 않지만 클래스를 사용해야합니다. – bandi
나는 그것을 시도했지만 여전히 버튼을 누르면 파이어 폭스에서 숨겨진 쇼를 보여주지 않을 것이다 – user2148427