动态创建的按钮不会触发函数
可能是由于以下几个原因导致的：
- 事件绑定问题：动态创建的按钮需要通过事件绑定的方式来触发相应的函数。如果没有正确地绑定事件，按钮点击时就无法触发函数。可以使用addEventListener()方法来为按钮添加事件监听器。
- 元素不存在问题：在动态创建按钮之前，可能需要确保相应的元素已经存在于DOM中。如果元素还未被创建或添加到DOM中，那么按钮就无法触发函数。可以通过在合适的位置创建按钮或使用事件委托的方式来解决这个问题。
- 函数作用域问题：如果函数是在动态创建按钮的回调函数中定义的，那么可能存在函数作用域的问题。在某些情况下，函数可能无法被正确地访问或调用。可以尝试将函数定义在全局作用域中，或者使用闭包来解决函数作用域的问题。
- 其他可能的问题：除了上述问题之外，还可能存在其他导致按钮不触发函数的问题，例如按钮被其他元素遮挡、按钮的样式或位置问题等。可以通过检查相关的HTML、CSS和JavaScript代码来排除这些问题。
总结起来，解决动态创建的按钮不触发函数的问题，需要确保正确地绑定事件、元素存在于DOM中、函数作用域正确以及其他可能的问题排除。以下是腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（云原生、服务器运维）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（区块链）：https://cloud.tencent.com/product/tbaas
- 腾讯云虚拟专用云（元宇宙）：https://cloud.tencent.com/product/vpc
相关·内容
1回答
是否触发“mousestop”事件以动态插入元素？
jquery、mousemove
我正在使用以下插件：
我有一个使用JavaScript动态注入到DOM中的元素，我想把'mousemove‘事件附加到这个元素上：
$(document).on('mousestop', '.zoomImg', function(e) {
// code goes here
});
这不起作用，有什么建议吗？
问候你，克里斯
浏览 1提问于2013-06-04得票数 0
4回答
请问下腾讯云点播和腾讯云对象储存，这两个业务的区别？
云点播、对象存储、实时音视频
我想把网站的视频放到服务器以外，减轻服务器负担，并且我打开网页可以随时加载视频正常播放。请问实现这个功能是需要开通腾讯云点播呢，还是腾讯云对象储存？
浏览 1253提问于2021-08-19
2回答
无法使用jquery .on()修改元素的属性
javascript、jquery、google-chrome-extension
目前，我正在尝试使用jquery编写一个非常简单的chrome插件。我有一个工具，我使用的工作，我们的IT部门已经停止支持Chrome，因为他们有足够的在他们的盘子故障排除IE。然而，他们的解决方案只是删除旧的onClick函数，并在所有按钮中添加属性“disabled=”。
为此，我所做的简单工作是使用jquery正确地删除禁用人员并附加onClick功能。我已经在几个实例中实现了这一点，但是我遇到的问题是使用ajax表单创建新的按钮实例。
下面是我目前正在尝试使用的代码：
function restoreFunctionality() {
$("#RestoreDefaul
浏览 4提问于2014-05-31得票数 1
3回答
请描述您的问题
标题：Android平台接入流程 - 游戏语音 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/556/10022#2.4.1-.E5.8A.A0.E5.85.A5.E6.88.BF.E9.97.B4.E7.BB.93.E6.9E.9C
浏览 377提问于2018-03-21
1回答
jQuery ().on语法
javascript、jquery、html、dom
我正在使用gif和jQuery制作一个gif搜索引擎。每次搜索主题时，jQuery都会为输入的主题创建一个主题按钮，并在按下该按钮时加载到相应的gifs中。从主题按钮加载gifs时。我搞不懂为什么要这样做：
$(document).on("click", ".topic", displayGifs);
但这并不是：
$(".topic").on('click', function(event) {
displayGifs();
})
如能在这个问题上提供任何帮助，我们将不胜感激。
浏览 2提问于2017-08-09得票数 0
回答已采纳
1回答
使用$compile以编程方式创建指令时，如何调用链接函数？
javascript、web-applications、angularjs、angularjs-directive、frontend
我在另一个父指令中创建一个指令，然后将该指令的编译元素附加到父指令的节点。$compile(模板)(作用域)正确地创建了指令，但未调用链接函数。
var addProductsToPage = function(template, products) {
for (var i = 0 ; i < products.length ; i++) {
var product = products[i];
var productScope = $scope.$new(true);
productScope.product = p
浏览 0提问于2013-06-04得票数 0
回答已采纳
2回答
当ajax加载内容喜欢和删除按钮不工作时
javascript、jquery、ajax
嗨，每次都会遇到同样的问题，当ajax加载动态内容时，例如:评论或任何帖子，都可以正常工作。但是，在我刷新页面之前，像按钮这样的注释是不起作用的。下面我的类似脚本帮助我解决这个问题
$(".comment_like").click(function()
{
var cID = $(this).attr("ccid");
var cREL = $(this).attr("rel");
var cbox = $(this).attr("box_id");
var cowner = $(this).attr("ownercli&
浏览 4提问于2013-11-06得票数 2
回答已采纳
1回答
如果按下某个特定的复选框，则选中全部复选框
jquery、checkbox
对不起，我的英语不好。我一直在尝试创建一个动态表，它可以在按下编辑按钮后编辑其中的数据。问题是，当我在最后一列中创建了复选框列之后，我就不能在jQuery中像我想要的那样对它执行单击函数。
创建函数如下所示：
$("#meetingspanel td:last").each(function(event){ // Adding the checking column and showing the editing buttons
$("#btnDelete").fadeIn("slow");
$(&#
浏览 1提问于2012-02-05得票数 1
回答已采纳
2回答
从Shadow Dom收听事件
javascript、html、shadow-dom
如何从影子DOM中侦听鼠标监控事件。我试过在下面做段代码，但什么也没发生。模板实例是在单击按钮Add之后生成的，我为其注册mouseover事件，并在mouseover时触发该事件。
非常感谢
HTML
<body>
<h1 class="text-center">Test import Node</h1>
<div class="container-fluid" style=" background-color: #FAFAFA"></div>
<div
浏览 3提问于2015-09-06得票数 0
回答已采纳
1回答
一个带委托的mousehold插件？
jquery、events、mouse
我正在使用Remy Sharp的名为的jQuery插件，并尝试将其与.on()方法绑定，但它不起作用。
$('#button').mousehold(function() {
console.log(1);
});
如果#button在DOM中，上面的代码可以很好地工作，但如果按钮是动态创建的，则不会。
那么，有谁能帮我吗？如何将mousehold事件与.on()方法绑定，以使以下代码工作？
$('body').on('mousehold', '#button', function() {
console.log(1
浏览 0提问于2012-12-29得票数 0
1回答
采用建筑区块链的可能性
blockchain、private-blockchain
我正在致力于一个新的货运管理项目，这将需要区块链技术，以证明应用程序生成的文件。
我没有以前在区块链方面的经验，在深入浏览了一段时间之后，我收集了将区块链集成到项目中的以下可能性：
在on/cloud服务器中安装相关节点，加入私有/财团区块链。
使用Hyperledger框架/工具在prem/云服务器上部署私有/联营区块链
在on /云服务器上使用Ethereum框架/工具部署公共区块链(不确定是否适用，因为我正在从事企业项目)
创建一个区块链解决方案通过BaaS供应商如Azure，AWS，阿里巴巴，.
问题：
上述可能性正确吗？
如果没有，我应该利用什么解决方案？
非常感谢！
浏览 0提问于2020-01-15得票数 0
4回答
页面加载后处理事件的Javascript
javascript、jquery、javascript-events
当我编写一些JavaScript时，我有一组界面按钮，它们的事件在页面加载时被分配。我的问题是，任何动态创建的东西都不会收到这些事件。
例如，我正在做一个URL检查器，它的工作是确保任何连接到另一个域的链接都会打开一个退出接口，让用户知道他们要离开。在页面加载后创建的任何链接，post ajax (没有双关语)或任何不会自然地有该事件的东西，因为页面加载时存在这些事件。
在实践中，确保新创建的项目获得这些类型的全局事件的最佳方法是什么？
我喜欢使用jQuery，但这实际上是一个概念性问题。
我是否应该创建一个函数来重新应用任何全局链接效果，或者除了零散地执行之外，还有更聪明的方法吗？
浏览 3提问于2011-01-05得票数 0
回答已采纳
3回答
javascript中不需要的事件侦听器的垃圾收集
javascript、jquery、google-chrome、memory-leaks、garbage-collection
我正在建立一个单一的网页网页应用。这意味着，在一段时间内，我会获得新的DOM元素，删除不必要的元素。例如，当我获取一个新表单时，我只需用该表单HTML替换特定div的内容，并设置该表单元素的唯一侦听器。过了一段时间后，我用一个新的表单实例(具有不同的ID)替换了这个表单的内容。
我再次为这个新表单设置了事件侦听器。现在，前面的表单不再是DOM的一部分，所以我应该自动地垃圾收集DOM元素。我还期望指向从DOM中删除的元素的侦听器函数消失。
然而，下面从Chrome收集的资料显示，随着时间的推移，我的听众数量正在增加。你能告诉我为什么会这样吗？我试着点击“收集垃圾”按钮。但这是我得到的侧写。我构建
浏览 4提问于2013-01-20得票数 19
4回答
单击在backbone中调用函数两次
templates、backbone.js、view、duplicates
我在backbone View上创建了两次触发警报的快速示例。
这没什么特别的，它真的是让我理解如何正确地调用单独的视图，这样它们就不会触发之前的click方法。现在我生成了两个视图，第二个视图覆盖了#boxSearch中的表单。当我单击Search按钮时，它还会生成警报doSearch SearchLocation。我希望看到的只是警报doSearch SearchLatitude。我做错了什么？
var Geo = {
Views: {},
Templates: {}
};
Geo.Templates.SearchLocation = _.template( $(
浏览 0提问于2013-03-26得票数 10
回答已采纳
1回答
用jquery事件更新javascript中的主类的正确方式是什么？
javascript
假设我有这样的东西：
var MyApp = function() {
this.name = "Stacy"
}
MyApp.prototype.updateName = function(newname) {
this.name = newname;
}
在我的主页上，我有一个：
$(function () {
var instance = new MyApp();
})
我有一个按钮事件处理程序，它将更新名称：
$("#button").on("click", function(evt) {
浏览 2提问于2013-03-08得票数 0
回答已采纳
2回答
在云上存储加密数据。
blockchain、encryption、database
因此，我目前正在为一个项目做研究，一个有趣的问题出现了。如果我想要存储加密的数据，为什么要选择区块链而不是云提供商呢？由于数据是加密的，所以无论我在哪里存储，在隐私和安全性方面都应该是一样的，对吧？因为，即使在云提供商的情况下，除了我之外，没有人能解密我的数据。有什么想法吗？
浏览 0提问于2020-06-25得票数 1
1回答
Ajax请求，使用javascript更新html，但样式不存在
javascript、jquery、html、css、ajax
很抱歉这个奇怪的标题，我现在正在制作一个网页，当页面在一个请求中加载时，我在我的'head‘标签中调用了以下两个脚本来制作一个很好的动态按钮效果。
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
然后，用户可以在加载的页面上更新他们的请求，我使用AJA
浏览 14提问于2017-07-29得票数 0
2回答
命名锚点不适用于动态html和jquery
jquery、anchor
我正在尝试通过jquery append(' html ')方法动态添加一个html片段，其中包含命名的锚点和目的地
在追加之后，命名链接都不起作用。新添加的内容在页面上可见，但链接不起作用。是因为这些标签是动态添加的，还是我做错了什么？但是，所有服务器端生成的命名锚点都工作得很好。
简化版html：
<a href="#tab">Foo</a>
<div id="tab"></div>
("#testButton").click(function() {
$('#
浏览 2提问于2012-04-02得票数 2
回答已采纳
2回答
内存管理和缓存内容jquery-mobile
jquery、ajax、html、jquery-mobile
我都快疯了。
在我使用jqm创建的webapp中，其中一个页面有一些可折叠的块，其中包含列表视图，当单击和取消折叠时，这些块会动态填充。每个列表视图中的元素数量约为500个。考虑到每个元素都有一个缩略图，这就成了一个更大的问题。
当我展开一个新的区块时，我可以感觉到我的iphone是多么的努力。我想这是因为分配给浏览器的内存被填满了。
当一个新的可折叠块打开时，有没有办法释放内存/缓存？或者，我是否可以阻止数据映射到缓存，以便在性能上获得一些提升？
我对任何其他建议都持开放态度。
编辑于2011年10月13日
下面是我使用的代码
$('div.century').live(&#
浏览 0提问于2011-10-13得票数 0
回答已采纳
4回答
不可能将事件绑定到包含jquery对象的数组
javascript、jquery
我动态地创建一个列表内容：
for (var i = 0; i<length; i++) {
var $li = $('<li />', {
text: ....
}).appendTo($list);
myArray.push($li);
// This doesn't work
$(myArray).click(function (e) { alert('cc'); });
但是当我得到所创建元素的父元素时，它就能工作了。
// This works
$('ul
浏览 6提问于2016-12-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
