2012-08-22 4 views
15

이것은부트 스트랩 온 클릭 버튼 이벤트

다음

을 내 버튼의 ID 플래그를 설정 시도하고 ... 바보 같은 질문 보이지만 단지 부트 스트랩했고,이 버튼에 자바 스크립트 콜백을 추가하는 방법에 대한 웹 사이트에있는 예제를 제공 나던
<div class="btn-group"> 
    <button id="rectButton" class="btn">Rectangle</button> 
    <button class="btn">Circle</button> 
    <button class="btn">Triangle</button> 
    <button class="btn">Line</button> 
    <button class="btn">Curve</button> 
    <button class="btn">Pic</button> 
    <button class="btn">Text</button> 
    <button class="btn">Gradient</button> 
</div> 

나는 사각형 버튼에 콜백을 추가 할 ...

$('#rectButton').on('show', function (e) { 
    //ACTION 
}) 

는 부트 스트랩 콜백의 요점을 파악하지 못할.

웹에서 발견 할 수있는 것은 레일스 + 부트 스트랩에 대한 것입니다 ... 부트 스트랩과 JS만이 아닙니다.

+0

버튼에 대한 html 코드도 포함시켜 주시겠습니까? – surjikal

답변

40

은 JS에는 show 이벤트가 없습니다 - 당신이 중 하나 click 이벤트에 버튼을 바인드해야합니다

당신의 버튼이 form 내부에있는 경우가 전체 폼을 바인딩하는 것을 선호 수
$('#id').on('click', function (e) { 

    //your awesome code here 

}) 

마음 submit 이벤트

+0

여전히 작동하지 않습니다.이 단추가 있습니다 : 사각형이 있고 코드는 $ ('# rectButton')입니다. (e) {// 나의 코드}); – JuanCB

+1

최신 코드를 복사하기 만하면 완벽하게 [여기] (http://jsfiddle.net/JUfBv/)에서 작업 할 수 있습니다. 어쨌든 부트 스트랩은 단지 프리젠 테이션에 관한 것이고, js [약간의 선택적 플러그인을 제외하고는]와는 아무 것도 아니다. – moonwave99

+0

나에게 효과가 없다 ... 내가 무엇을 놓쳤는 지 모르겠다. 내가 다른 것을 포함해야합니까? – JuanCB

관련 문제