如何在使用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或其他东西！