2012-08-22 40 views
15

này dường như là một câu hỏi ngớ ngẩn nhưng chỉ có bootstrap và Nó doesnt cung cấp cho bất kỳ ví dụ trên trang web về việc thêm một callback Javascript để một nút ...Bootstrap onClick nút kiện

Cố gắng thiết lập nút của tôi một lá cờ id và sau đó

<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> 

tôi muốn thêm một callback để nút Rectangle ...

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

không thể nắm được vấn đề của callbacks bootstrap.

Tất cả những gì tôi có thể tìm thấy trên web được định hướng tới Rails + Bootstrap ... không chỉ bootstrap và JS.

+0

Bạn có nhớ mã html cho nút của mình không? – surjikal

Trả lời

40

Không có show sự kiện trong js - bạn cần phải ràng buộc nút của bạn, hoặc đến click sự kiện:

$('#id').on('click', function (e) { 

    //your awesome code here 

}) 

tâm rằng nếu nút bấm của bạn là bên trong một form, bạn có thể thích để ràng buộc toàn bộ hình thức để sự kiện submit.

+0

Vẫn không hoạt động .. Tôi có nút này: bên trong nhóm btn và mã là $ ('# rectButton'). On ('click', function (e) {// MÃ MY}); – JuanCB

+1

Chỉ cần sao chép mã mới nhất của bạn, hoàn toàn hoạt động [ở đây] (http://jsfiddle.net/JUfBv/). Dù sao bootstrap chỉ là về trình bày, không có gì để với js [bên cạnh một số plugin nhỏ tùy chọn]. – moonwave99

+0

không làm việc với tôi ... Tôi không biết mình đang thiếu gì ... Tôi có phải đưa cái gì khác không? – JuanCB

Các vấn đề liên quan