0

OK、Twitter Bootstrap アコーディオン内にフォームがあり、さまざまなタイプのフォームに切り替えるラジアル ボタンがあります。それらはすべて、フォームごとに動的に変化する同じボタンを使用するため、呼び出される適切なアクションが認識されます。

アコーディオンのヘッダーにボタンがあり、選択した放射状のフォームでクリックをトリガーします。

次のようになります。

アコーディオンヘッダーアクションボタン

ラジアル オプション 1 (未選択)

ラジアル オプション 2 (選択済み)

入力フィールド

入力フィールド

OriginalButton (これは既に機能しています。この機能をヘッダーの上記のボタンにコピーしたい)


もう一方のラジアル ボタンを選択した状態

アコーディオンヘッダーアクションボタン

ラジアル オプション 1 (選択済み)

入力フィールド

入力フィールド

入力フィールド

入力フィールド

OriginalButton (上記と同じボタンですが、異なる入力に基づいて異なる機能を実行します。このボタンの機能を実行するには、actionButton が必要です)

ラジアル オプション 2 (未選択)


HTMLは異なるファイルを参照しているため、次のようにボタンクリックをトリガーしようとしていました:

$side-bar.find('#actionButton').on('click', function(){
        $side-bar.find('#accordionHeader').find('form').find('button').trigger('click');
    });

しかし、これは機能しません。私が使用できるこのようなものはありますか? 使っているだけ

$side-bar.find('#actionButton).on('click', function(){
        $side-bar.find('#originalButton').click();
    });

動作しません。

助けていただければ幸いです。

4

3 に答える 3

1

私はあなたがやりたいと信じていることについてフィドルを作りました。

ラジオ ボタンのクリック イベントで jquery のトリガー メソッドを使用すると、別の要素のイベント トリガーを呼び出すことができます。

$('input[type=radio]').on('click', function() {
    $('#test_btn').trigger( "click" );
});

http://jsfiddle.net/Villike/P3V4M/

于 2013-10-10T18:50:02.550 に答える
0

オブジェクトを変数に保存してから、再度 ing する#originalButton代わりにそれを使用してみてください。findおそらく、ある時点で「サイドバー」から削除していて、それが原因で見つからないのでしょうか?

于 2013-10-10T18:49:08.503 に答える