2013-05-20 2 views
0

현재, 나는 이와 같은 이미지를했습니다 :트위터 부스트랩의 양식에 이미지 버튼을 만드는 방법은 무엇입니까?

<img src="xyz.jpg" width="80" height="80" id = "wp" alt="wp"> 
<img src = "abc.jpg" width="80" id = "tm" height="80" alt="tm"> 

한 다음에 온 클릭을 작성 :

$('img#wp').click(function() { 


}); 

이 문제는 나는 이것이를 삽입하는 데 사용할 수 아니에요입니다 값을 클릭 한 이미지에 따라 양식으로 변환하십시오. 이미지가 버튼으로 표시되지 않으므로 휴대 전화 및 태블릿에 정확하게 반응하지 않습니다. 그것에 대해 어떻게 가야합니까?

+0

를 사용할 수있는 양식을 제출 <button>을 사용하고, 또한 버튼의 내부에 이미지 태그를 포함 할 수는 - 첫째, 그것은 있다는 것을 나의 이해이다 모바일 개발에서 "클릭"이벤트 없음 - jquery 모바일 (특히 ** vclick() ** 이벤트)을 조사해야합니다. 가상화 된 마우스 이벤트의 배경은 누락 된 마우스 이벤트 트리거를 보완하기 위해 터치 이벤트를 마우스 이벤트로 변환하는 것입니다. 개발자는 이러한 가상화 된 마우스 이벤트가 터치 이벤트 후 브라우저 내에서 합성 마우스 이벤트가 트리거되는 것을 방지하지 않음을 알아야합니다. – fnostro

답변

1

당신은

<button name="buttonName" value="buttonValue" type="submit"> 
    <img src="xyz.jpg" alt="" /> 
</button> 
0

당신은 잘 image submit button

<input type="image" src="http://www.luvvitt.com/skin/frontend/default/luvvitt/images/submit.png" alt="Submit Form" class="btn"/> 
관련 문제