Javascript即时添加Div,点击了ul列表链接

时间:2012-09-16 09:57:28

标签: javascript jquery

我正在尝试替换必须创建子列表,而是我想通过javascript / jquery添加div。

这就是我所拥有的:

<script>
function makepage() {
var myvariable1="myTitle";
var newPage = $("<div>'+myvariable1+'</div");
//appendTo here?
</script>

...

然后是清单:

<ul>
<li>
<a href="#" id="myid" onclick="makepage();">Click Here</a>
</li>
</ul>

动态创建它的原因是我想在内部传递一些变量,我不想使用表单/帖子等...

点击myid链接后如何显示newPage?

2 个答案:

答案 0 :(得分:1)

只需确保使用您开头的引号并附加到正文或您想要的元素:

<script>
    function makepage() {
        var myvariable1="myTitle";
        var newPage = $("<div>"+myvariable1+"</div>");
        $("body").append(newPage);
    }
</script>

答案 1 :(得分:1)

请尝试以下方法,而不是制作特定功能并使用内联代理,

<ul>
    <li>
        <a href="#" id="myid">Click Here</a>
    </li>
</ul>
$('#myid').click(function() {
    var myvariable1 = "myTitle";
    var newPage = $("<div>"+myvariable1+"</div>");
    $('body').append(newPage);
});​

DEMO