jquery - 在 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 被附加到一个 div 中，其 id 为 parent：

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

这适用于这样的 HTML 结构：

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

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

    </div>
</div>

DOM 事件从它们的起源点向上冒泡。on()（以前的委托 - jQuery pre 1.7）方法在祖先元素处捕获事件并检查它是否源自与选择器匹配的元素。

资源

Answer 2

尝试这个，

$('#camera-input').trigger('click');