Question

我需要点击“按钮01”创建“按钮02”，之后点击“按钮02”创建“按钮03”

我尝试使用关注代码

$(document).ready(function(){

	
	    $(".btnone").click(function(){
			var btntwostr= '<button type="button" class="btn btn-warning btntwo" >Button 02</button>';
			$("#btntwodiv").html(btntwostr);
		});
		
		$(".btntwo").click(function(){
			var btnthreestr= '<button type="button" class="btn btn-warning btnttree" >Button 02</button>';
			$("#btnthreediv").html(btnthreestr);
		});
		
	  	 
});

<button type="button" class="btn btn-warning btnone" >Button 01</button>
<div id="btntwodiv"></div>
<div id="btnthreediv"></div>

第一步是OK，但第二步不起作用，请帮助解决这个问题。

Answer 1

你的问题是你绑定到一个尚不存在的元素，所以你可以像@PeteTNT建议的那样做，或者使用jquery .on handler，这可以帮助你绑定到那些有＆＃39的元素但是还存在。

$(document).ready(function(){
    $(".btnone").click(function(){
        var btntwostr= '<button type="button" class="btn btn-warning btntwo" >Button 02</button>';
        $("#btntwodiv").html(btntwostr);
    });

    $(document).on('click', ".btntwo", function(){
        var btnthreestr= '<button type="button" class="btn btn-warning btnttree" >Button 02</button>';
        $("#btnthreediv").html(btnthreestr);
    });


});

请注意，您可以通过多种方式以更具伸缩性的方式实现此功能。我建议你研究重构代码。

我想使用Jquery添加三个按钮

1 个答案: