動態插入的錨標簽不起作用

Question

我從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>

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（options）;