안녕하세요 자바 버튼 관련해서 질문좀 드릴게요^^
본문
아래 사이트의 버튼을 사용하여 그누보드에 적용은 했는데요
http://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown
해당 버튼을 그누보드로 적용한후 <button></button> 사이에
<span>을 넣었더니 버튼상에서 span 부분을 제외한 외곽부분을 클릭하면
정상적으로 서브메뉴가 나오지만 span(글씨가 나와있는부분을 클릭시에는)
작동이 되지않는데요..! 혹시 어떻게 해야 해결할수있을까요
그리고 해당 버튼을 클릭시에 hover 방식이 아니라
버튼을 클릭하면 글씨 또는 버튼 background가 변경되게 하려면 어떻게 해야하나용?
서브메뉴가 없어지면 버튼컬러가 원상태로 돌아오게용...
초보실력으로 나름 하나하나 공부하는건데 상당히 쉽지않네요
자세히 부탁드릴게요..!
답변 2
span 부분은 아마도 block 처리가 안되어 있어서 그런것 같습니다.
.클래스 {display:inline-block} 을 추가해보세요.
클릭이벤트는 자바스크립트를 이용해서 처리해야합니다.
예시)
$(document).on("click", "클래스", function() {
$(this).attr('style', 'background-color:red');
});
span 처리된 부분을 버튼에 꽉차게 해놓고 span 부분에 myFunction() 함수를 넣어보세요.
답변을 작성하시기 전에 로그인 해주세요.