2012-08-22 16 views
15

これはばかげた質問だが、ちょうどそれがボタンにJavaScriptのコールバックを追加する方法についてウェブサイト上の任意の例を示しますdoesntのブートストラップだと...ブートストラップのonClickボタンイベント

は私のボタンの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 
}) 

は、ブートストラップのコールバックのポイントを得るカント...長方形のボタンにコールバックを追加したいです。

私がウェブ上で見つけたのは、Rails + Bootstrap ... no bootstrapとJSだけです。

+0

ボタンのhtmlコードも含めてください。 – surjikal

答えて

40

jsファイルにはshowイベントはありません - あなたはどちらかclickイベントにあなたのボタンをバインドする必要があります。

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

    //your awesome code here 

}) 

マインドあなたのボタンがform内にある場合、あなたが全体のフォームをバインドすることを好むことがsubmitイベント。

+0

まだ動作していません。私はこのボタンを持っています:、コードは$( '#rectButton')です。 (e){//マイコード}); – JuanCB

+1

最新のコードをコピーするだけで、完全に[ここ](http://jsfiddle.net/JUfBv/)で作業します。とにかくブートストラップはちょうどプレゼンテーションで、jsとは何もしません。 – moonwave99

+0

私にはうまくいきません...私は何が欠けているのかわかりません...私は他のものを含める必要がありますか? – JuanCB

関連する問題