单击不会在jQuery ajax调用中触发

Question

我的Ajax电话有问题。 在成功功能中，我想触发一个元素的点击，但不会触发。

这是代码：

$.ajax({
    url : '/test/'+clubID,
    beforeSend:function(){
        $.mobile.showPageLoadingMsg();
    },
    complete:function(){
        $.mobile.hidePageLoadingMsg();
    },
    success:function(data, textStatus, jqXHR){
        if(!jQuery.isEmptyObject(data)) {
            $('#camera-input').click();
            console.log($('#camera-input'));
            console.log('click');
        } else {
            toast('Il est possible de prendre des photos uniquement lors d\'une soirée');
            console.log('toast');
        }
    }
});

控制台打印单击并显示元素。 关于这个问题有什么想法吗？

谢谢你的帮助

Answer 1

试试看...这是我的研究，而不是我的经验。 没有保证。

您可能需要将事件处理程序绑定到应在其上触发事件的元素的公共祖先。 例如，如果您的#element附加在具有父ID的div内：

$("#parent").on("click", ".commenticon", function() {
    //Do stuff
});

这将适用于这样的HTML结构：

<div id="parent">
    <div class="element">

    </div>
    <div class="element">

    </div>
</div>

DOM事件从它们的起源点冒出来。 on（）（以前为jQuery 1.7的委托）方法在祖先元素处捕获事件，并检查事件是否起源于与选择器匹配的元素。

资源

Answer 2

尝试这个，

$（'＃camera-input'）。trigger（'click'）;