javascript - 动态插入的 anchor 标签不起作用

我从jQuery追加锚标记。在单击此锚标记时，不执行任何操作。我尝试通过将锚更改为div并添加了onclick事件。但这是行不通的。

HTML：

    <li class="list">
        <div class="dropdown" data-load="true">
        <span class="dropdown-toggle"></span>
            <ul class="dropdown-menu" role="menu">
                <li>
                    <span class="list-name" href="javascript:void(0);">
                        test
                    </span>
                </li>
            </ul>
        </div>
    </li>

脚本：

    var element = $(".list").find("ul");
    var options = "";
    options += "<li><a class='list-name' href='www.test.com' target='_blank' data-toggle='tooltip' data-placement='top' data-original-title=''>" + "some value" + "</a></li>";
    element.html(options);

输出：

    <li class="list">
        <div class="dropdown" data-load="true">
        <span class="dropdown-toggle"></span>
            <ul class="dropdown-menu" role="menu">
                <li>
                    <a class="list-name" href="www.test.com" target='_blank' data-toggle="tooltip" data-placement="top" data-original-title="">some value</a>
                </li>
            </ul>
        </div>
    </li>

最佳答案

https://jsfiddle.net/anubala/kpgfgt74/

 var options = "";

options = "<li><a class='list-name' href='www.test.com' target='_blank' data-toggle='tooltip' data-placement='top' data-original-title=''>" + "some value" + "</a></li>";

$（“。list”）。find（“ ul”）。html（options）;

关于javascript - 动态插入的 anchor 标签不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44882402/