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

Question

我正在附加来自 jquery 的 anchor 标记。单击此 anchor 标记时，不执行任何操作。我尝试将 anchor 更改为 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>

Answer 1

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