个人中心
gpt4 book ai didi

javascript - 如何将按钮作为html添加到div并添加点击功能

转载 作者：行者123 更新时间：2023-11-28 15:12:09 25 4
gpt4 key购买 nike

在以下代码中，按钮“alt2”显示，但不提醒“hi”

这是添加按钮的正确方法吗？

<body>
<div id="test"></div><br>
<button id="add">add</button><br>
<button id='alt'>alt1</button>
<script type="text/javascript" >
$(function(){
    $("#add").click(function(){
        $("#test").html("<button id='alt2'>alt2</button>");     
    });
    $("#alt").click(function(){
        alert("hi");

    }); 

});

</script>

最佳答案

第二个 alt2 的

on("click")... 丢失。我还建议您使用 on("click")... 而不是 .("click") 。 .("click") 这个可能会错过第二次触发

<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div id="test"></div><br>
<button id="add">add</button><br>
<button id='alt'>alt1</button>
<script type="text/javascript" >
$(function(){
	
	$(document).on("click", "#add", function(e) {
		e.preventDefault();
    
        $("#test").html("<button id='alt2'>alt2</button>");     
    });
	
	
	$(document).on("click", "#alt", function(e) {
		e.preventDefault();
    
        alert("hi 1");

    }); 	
	
	$(document).on("click", "#alt2", function(e) {
		e.preventDefault();
    
        alert("hi 2");

    }); 

});

</script>
</body>

关于javascript - 如何将按钮作为html添加到div并添加点击功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35955516/

25 4 0
文章推荐： javascript - 在 javascript 中执行包含 php 代码的 html block
文章推荐： html - 我正在尝试使用 css 设置页脚，我需要有 2 行
文章推荐： html - CSS中的链/序列动画
文章推荐： javascript - Jquery/Javascript 中的 Post/Get 处理程序
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com