2013-07-19 2 views
3

페이지에 4 개의 버튼이 있습니다. 그 중 하나를 클릭하면 강조 표시됩니다.HTML 페이지를 클릭 할 때 버튼을 강조 표시하는 방법은 무엇입니까?

버튼은 컨트롤러에 데이터를 전달하는 데 사용됩니다. 그들은 다음과 같이이다 :

<button name="region" id="region" type="button" onclick="window.location='/project/Viewdata/index/region/1'" class="current">ALL</button> 
<button name="region" id="region2" type="button" onclick="window.location='/project/Viewdata/index/region/2'" class="current">1st</button> 
+4

동일한 ID를 가진 두 개의 요소를 가질 수 없습니다! – bfavaretto

+2

버튼에 리디렉션 코드가 있습니다. 클릭 후 리디렉션하지 않습니까? – user1

+0

그래, 그게 기본 설정을 로딩 옵션 리디렉션 때문에 내가 직면하고있는 문제입니다 – user2595861

답변

4

는 확인이 JSFiddle

는 기본적으로, 당신은 jQuery를,와 버튼에 highligt 효과를 결합이

$('button').click(function() { 
    $(this).effect("highlight", {color: 'red'}, 3000); 
}); 

주처럼 클릭 할 때 :에서 말했듯 주석, 당신은 한 페이지에 같은 id를 가진 두 개의 요소를 가져서는 안됩니다. 동일한 설명자를 사용하려면 id 대신 class을 사용하십시오.

+0

가 이전에 시도한 것을 제안 해 주시겠습니까?하지만 작동하지 않았습니다 ... 그리고 ID를 변경했지만 아직 결과가 없습니다 ... – user2595861

+0

'$ (document) .ready (function() {});'? –

+0

@ user2595861 jsfiddle을 업데이트했습니다. 다음을 시도해보십시오. http://jsfiddle.net/3bMVP/21/ –

관련 문제