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>");

使用jquery附加到div的链接

3 个答案: