如何在使用ajax的動態按鈕上使用jquery觸發按鈕單擊？

Question

好的，我在Twitter Bootstrap手風琴中有一個表單，該表單具有切換到不同類型表單的徑向按鈕。 它們都使用相同的按鈕，每個按鈕都會動態變化，因此它知道要調用的正確操作。

我在手風琴頭上有一個按鈕，想要觸發對他們選擇的任何徑向形式的單擊。

看起來像這樣：

手風琴頭ActionButton

徑向選項1（未選擇）

徑向選項2（已選擇）

輸入欄

輸入欄

OriginalButton（已經起作用。我想將此功能復制到標題上的上述按鈕）

---

選擇其他徑向按鈕

手風琴頭ActionButton

徑向選項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();
    });

不起作用。

非常感謝幫助！

Answer 1

我在我想做的事情上弄了個小提琴。

在單選按鈕上使用jquery的trigger方法，單擊事件將使您調用另一個元素事件觸發器。

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

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

Answer 2

嘗試將#originalButton對象保存到變量中，然后使用該變量而不是再次find它。 也許您是在某個時候將其從“側邊欄”中刪除了，導致找不到它？

Answer 3

我想得太多了。 顯然，我需要的只是

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

我以為，因為它是由side-bar.html文件引用的，所以我需要對.find（）。find（）進行所有引用。

事實證明，如果側邊欄完全調用了它，則側邊欄本身可以找到它，而無需額外的.find（）s或其他東西！