javascript - 动态 anchor 上的 jquery .click() 事件不起作用

Question

我有一个<span class="clickspan">Some text here</span>

我想做的是当 span单击后，将为单击的跨度创建动态 anchor ，然后 click事件由动态 anchor 上的 jquery 触发。

$('.clickspan').on('click', function(){

    // Method 1: Replace span with dynamic anchor
    $(this).replaceWith('<a id="1234" href="www.example.com"></a>');

    // None of the following works
    $('#1234').trigger('click');
    $('#1234').click();

    // Method 2: Insert dynamic anchor inside the span
    var theSpan = $(this).wrapInner('<a href="'+data.msg+'" donwload></a>'),
        anch = theSpan.find('a');

    // this click event on the dynamic anchor inside the span causes the click
    // event on the parent span and to run the entire script all over again.
    anch.click(); 
});

我已经为此苦苦挣扎了一段时间，并用尽了所有想法，所以我很感激任何建议。

已解决

@Ninsly 在下面的评论中建议的方法和来源解决了该问题。以下工作有效:

$('#1234')[0].click();

抱歉耽误了大家的时间。我不知道需要使用 [0] .

Answer 1

创建<a>后标签绑定(bind).click事件然后使用 $('#1234')[0].click(); .

有时，当您创建动态 html 时，您必须将事件绑定(bind)到您正在创建的 html。

希望有帮助:)