如何使用 jquery 在正在使用 ajax 的动态按钮上触发按钮单击

How can I trigger a button click using jquery on a dynamic button that ajax is being used on?

本文关键字:按钮 单击 动态 ajax jquery 何使用      更新时间:2023-09-26

好的,我在Twitter Bootstrap手风琴中有一个表单,它有径向按钮,可以切换到不同类型的表单。它们都使用相同的按钮,该按钮会针对每个表单动态更改,因此它知道要调用的正确操作。

我在手风琴标题上有一个按钮,我想触发对他们选择的任何径向形式的点击.

它看起来像这样:

手风琴页眉操作按钮

径向选项 1(未选中(

径向选项 2(已选择(

输入字段

输入字段

原始按钮(已经工作了。我想将此功能复制到标题上的上述按钮(


选中其他径向按钮

手风琴页眉操作按钮

径向选项 1(已选择(

输入字段

输入字段

输入字段

输入字段

原始按钮(与上述按钮相同,但根据不同的输入执行不同的功能。我现在需要动作按钮来执行此按钮的功能(

径向选项 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();
    });

不起作用。

非常感谢帮助!

我已经对我认为你想做的事情做了一个小提琴。

在单选按钮上使用 jquery 的触发器方法单击事件将允许您调用另一个元素事件触发器。

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

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

尝试将#originalButton对象保存到变量中,然后使用它而不是再次find它。也许您在某个时候将其从"侧边栏"中删除,这导致找不到它?

我想得

太多了。 显然,我所需要的只是

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

我想因为它被侧边栏.html文件引用,我需要 .find((.find(( 来浏览所有引用。

事实证明,如果它是由侧边栏

调用的,那么侧边栏可以自己找到它,而无需额外的 .find(( 或其他什么!