jquery - 使用jquery将链接附加到div

Question

我有一个 div，我想将一段代码附加到 onclick 中。问题是代码不起作用。我认为这与 onclick 和我使用 '/' 的注释尝试有关

这是jQuery：

$("#content_type_nav").html("<a id='add_content_container' onClick=/"window.location.href='create.php';/"><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>");

这是html：

<div data-role="footer" id="content_type_nav" data-position="fixed">
        //I want the link to be inserted here
        <h1>Show me my...</h1>
    </div>

Answer 1

由于您已经在使用 jquery，您应该委托 onclick 事件。
并使用 prepend() 作为第一个孩子插入。

var html = "<a id='add_content_container'><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>";

    $("#content_type_nav").prepend(html);
    $("#content_type_nav").on('click', 'a#add_content_container', function(){
             window.location.href='create.php';
    });

Answer 2

似乎您正在替换该 div 的内容。如果你想追加到那个 div，你想使用 append() 方法而不是 html() 方法

Answer 3

从您的代码中，试试这个：

$("#content_type_nav").append("<a id='add_content_container' onClick=window.location.href='create.php;'/><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>");