Mdl组件在动态添加时不工作

Mdl组件是指Material Design Lite，它是一款基于Google的Material Design设计原则开发的前端框架。它提供了一系列的CSS、JS组件和样式，用于构建现代化、美观的Web界面。

在动态添加Mdl组件时出现问题，可能有以下几个原因：

加载顺序问题：Mdl组件依赖于特定的HTML结构和样式，如果在动态添加组件之前没有正确加载并应用Mdl框架所需的CSS和JS文件，组件可能无法正常工作。确保在动态添加组件之前正确加载Mdl框架所需的文件。
初始化问题：Mdl组件需要在页面加载完成后进行初始化。如果在动态添加组件后没有手动初始化这些组件，它们可能无法正常工作。可以尝试在动态添加组件后调用适当的Mdl初始化函数，例如componentHandler.upgradeElement(element)，来确保组件被正确初始化。
事件绑定问题：Mdl组件通常使用JavaScript来处理交互和动画效果。如果动态添加的组件没有正确绑定所需的事件处理程序，这些组件的交互功能可能会失效。确保在动态添加组件后，为相应的DOM元素绑定适当的事件处理程序。

针对动态添加Mdl组件的问题，以下是一些可能的解决方案：

在动态添加组件之前，确保正确加载所需的Mdl框架文件。可以通过在HTML的<head>标签中添加链接到Mdl框架的CSS和JS文件来实现。例如：

<link rel="stylesheet" href="path/to/mdl.css">
<script src="path/to/mdl.js"></script>

在动态添加组件后，手动初始化这些组件。可以使用componentHandler.upgradeElement(element)来初始化组件。其中，element是需要初始化的DOM元素。例如：

var element = document.getElementById('dynamic-component');
componentHandler.upgradeElement(element);

确保为动态添加的组件绑定所需的事件处理程序。例如，如果动态添加了一个按钮，并希望在点击时执行某些操作，可以使用addEventListener方法为该按钮绑定点击事件处理程序。例如：

var button = document.getElementById('dynamic-button');
button.addEventListener('click', function() {
  // 执行操作
});

需要注意的是，以上解决方案是基于Mdl组件的一般性原则，具体实现可能因具体组件而有所差异。根据具体情况，可能需要查阅Mdl文档或参考示例代码来获取更详细的操作指南。

另外，腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。具体推荐的腾讯云产品和产品介绍链接地址，可以根据实际需求和场景进行选择。

相关·内容

认识一下 Material Design Lite 布局组件

一、布局/Layout MDL的布局/Layout组件用来作为整个页面其他元素的容器，可以自动适应不同的浏览器、屏幕尺寸和设备。 ?...确切的说，MDL可以根据屏幕的尺寸设定样式类的不同显示效果：桌面 - 当屏幕宽度大于840px时，MDL按桌面环境应对平板 - 当屏幕尺寸大于480px，但小于840px时，MDL按平板环境应对...比如，自动隐藏 header、drawer区域等手机 - 当屏幕尺寸小于480px时，MDL按手机环境应对配置选项 MDL class 说明 mdl-layout 声明元素为布局组件 mdl-js-layout...header声明为固定式 mdl-layout--large-screen-only 在小尺寸屏幕上隐藏头部/header mdl-layout--overlay-drawer-button 为布局添加激活侧栏菜单按钮...声明布局头为可滚动 mdl-layout__header--waterfall 对多行标题，当滚动内容时，仅显示第一行三、头部 - 导航/Navigatoin 在header子元素内可以使用导航

2.5K2 0

MYSQL 生产环境字段更改的failed的问题

可能原因如下 1 DDL ONLINE 不阻塞 DML 但并没有说，不会不阻塞 DDL 的操作 2 测试环境比较单纯，可能测试的时候，对表并没有其他的复杂的操作所以还是那句话，数据库的问题，一定要想的复杂点...服务器通过获取事务中使用的表的元数据锁，并将这些锁的释放推迟到事务结束时，来实现这一点。表上的元数据锁可以防止对表结构的更改。这种锁定方法意味着一个会话内的事务正在使用的表，不能在DDL状态下使用。...总结一下 DB的工作本身是一件复杂的工作，他并没有你在理解原理后，就一定会按照你认为的那样，去工作，因为理论和实际遇到的情况不同，实际的情况太多种多样。...也注定 DB的工作，是一件需要小心小心小心的工作，因为生产环境一定有你不清楚的环境，而这些可能不清楚的环境，就会让某次“信心满满”的Action Failed....注：到目前为止MYSQL 在修改字段方面，对比其他数据库还是要注意的地方多多，当然MYSQL 8 已经添加了 instant 让修改字段变得更让人放心。

1.8K3 0

Matlab马尔可夫区制转换动态回归模型估计GDP增长率|附代码数据

html estimate(Mdl,Mdl0,arate); EstMdl 是估计的（完全指定的）马尔可夫转换动态回归模型。 ...html 2×2 0.9088 0.0912 0.2303 0.7697 估计后的EM算法在估计马尔可夫转换动态回归模型中考虑模型和数据。...当估计过程终止时，绘制对数似然比与迭代步骤。 html Plot(Mdl,Mdl0); 使模型拟合模拟数据使用来自已知数据生成过程（DGP）的模拟数据评估估计准确性。本示例使用任意参数值。...另外，考虑向每个子模型添加一个自回归项。创建部分指定的马尔可夫转换动态回归模型进行估计。指定AR（1）子模型。...指定预采样观测值，并在估计过程终止时在每次迭代时绘制对数似然度。访问预期的平滑状态概率和对数似然在估计马尔可夫转换动态回归模型中考虑模型和数据。创建部分指定的模型进行估计。

2430 0

Matlab马尔可夫区制转换动态回归模型估计GDP增长率

html estimate(Mdl,Mdl0,arate); EstMdl 是估计的（完全指定的）马尔可夫转换动态回归模型。...html 2×2 0.9088 0.0912 0.2303 0.7697 估计后的EM算法在估计马尔可夫转换动态回归模型中考虑模型和数据。...当估计过程终止时，绘制对数似然比与迭代步骤。...另外，考虑向每个子模型添加一个自回归项。创建部分指定的马尔可夫转换动态回归模型进行估计。指定AR（1）子模型。...指定预采样观测值，并在估计过程终止时在每次迭代时绘制对数似然度。访问预期的平滑状态概率和对数似然在估计马尔可夫转换动态回归模型中考虑模型和数据。创建部分指定的模型进行估计。

2001 0

详解MySQL原生Online DDL:从历史演进到原理及使用

另一种表级别的锁是MDL( metadata lock )，由Server层实现，MDL我们不显式使用，是在访问一个表时由数据库自动加的，对表记录增删改查时，加MDL读锁；对表结构进行变更时，加MDL...MySQL在选择的时候，尽量少使用锁，但是不排除它会选择使用锁。...在进行DDL操作期间，可能会占用较多的系统资源，因此在高负载时应谨慎使用。进行在线DDL操作时，需要对操作进行充分的评估和测试，以确保数据的完整性和一致性。...一个 DDL 的基本过程是这样的：首选，在开始进行 DDL 时，需要拿到对应表的 MDL X 锁，然后进行一系列的准备工作；然后将 MDL X 锁降级为 MDL S 锁，进行真正的 DDL 操作；...最后再次将 MDL S 锁升级为 MDL X 锁，完成 DDL 操作，释放 MDL 锁；所以在真正执行 DDL 操作期间，确实是不会“锁表”的，但是如果在第一阶段拿 MDL X 锁时无法正常获取，那就可能真的会

1.3K1 0

以对象为中心和MDL原则处理ARC挑战 2023

当被要求口头说明如何解决一个任务时，参与者通常会首先描述在输入网格中期望什么，然后根据在输入网格中找到的元素来生成输出网格。我们相对于现有工作做出了两项贡献： 1....因此，我们在网格模型中添加了两个成分（通常是输出模型）：对网格描述（通常是输入描述）的组件的引用，以及函数应用，以允许一些输出组件成为计算结果。...与之前的基于MDL的方法[22]类似，我们采用基于模型描述长度的贪婪搜索策略。在每一步，从初始模型开始，选择减少更多L(M, D)的细化。当没有模型细化能减少它时，搜索停止。...因此，我们添加了一个剪枝阶段作为学习模型的后处理。原理是从这个学习到的模型开始，并在不破坏正确预测的情况下重复应用反向细化。反向细化可以移除一层或将构造器/值替换为未知数。...还要注意，我们的方法在找到解决方案时不会停止学习，而是在无法实现更多压缩时停止。另一种评估效率的方法是查看学习模型的复杂性，通常在程序合成方法中，模型由原始数据组成的数量。

1201 0

训练好的深度学习模型原来这样部署的！（干货满满，收藏慢慢看）

需求五：放在其他嵌入式平台上跑，注重时延硬件方面，要根据模型计算量和时延要求，结合成本和功耗要求，选合适的嵌入式平台。...在手机上部署深度学习模型也可以归在此列，只不过硬件没得选，用户用什么手机你就得部署在什么手机上。上述部署和优化的软件工作，在一些移动端开源框架都有人做掉了，一般拿来改改就可以用了，性能都不错。...该库具有以下特性：无依赖：该计算库无第三方组件，静态库或者源码可轻松部署于 ARM 服务器，和嵌入式终端，安卓，苹果手机等移动智能设备。...，网络管理模块主要负责网络中各层 Layer 的初始化及管理工作；MDL 提供了供 Android 端调用的 JNI 接口层，开发者可以通过调用 JNI 接口轻松完成加载及预测过程。...为了保证框架的可扩展性，MDL对 layer 层进行了抽象，方便框架使用者根据模型的需要，自定义实现特定类型的层，使用 MDL 通过添加不同类型的层实现对更多网络模型的支持，而不需要改动其他位置的代码。

30.4K5 5

从多图对比看Vivado与ISE开发流程的差异

其目的是让那些具有在 ISE 下工作经验（但是不具有 Vivado 下经验）的人能够更快的适应新工具的各个特性。详细信息见下表。...部分软件工具的变化是很值得注意的，它会导致设计者的工作方法的改变。...旧的 .mdl 的模型文件依旧可以被打开，编辑，保存，如果需要的话，新的模型也可以被向后兼容保存成 .mdl 格式。...（为了公平测试综合性能，本例在ISE中直接添加IP核网表文件；Vivado的dcp文件中包括综合网表） ? 4、初步综合——点评：在添加约束前，最好先综合，以便明确综合后网表中的clk的名字。...5、添加约束——点评：由于ISE添加MMCM时没有加入自动生成的约束，需要重新添加时钟约束。而Vivado自动将IP核添加到工程内，是包含时钟约束的。

4K3 0

MySQL锁

元数据锁不需要显示使用，在访问一个表的时候会被自动加上。元数据锁主要用来保证读写的正确性：当对表做增删改查时，会对表加MDL读锁当对表结构做变更时，会对表加MDL写锁元数据的读写锁有啥特点？...读锁之间不互斥，因此可以有多个线程可以对同一场表做增删改查读写锁、写锁之间互斥，也就是说两个线程同时对一个表做字段变更，其中另一个要等到另一个线程执行完成才可以成功。如何安全的给表变更字段？...InnoDB的事务中，行锁是在需要的时候添加，但是释放是在事务结束时。 InndoDB的行锁是通过锁索引记录实现的，如果你update的条件没有索引的话，那么将会对整张表进行加锁。什么是死锁？...，这样在InnoDB引擎内部可以避免大量的死锁检测工作（需要能够修改MySQL源码）如果有中间件研发团队，也可以考虑使用中间件来实现并发度的控制业务上对单行进行多行拆分，比如我们可以将一个相同的账户在数据库里面变成...* from test;执行的时候会报错，mysqldump命令会被终止如果在时刻3的时候到达（就是数据在导出过程中），由于mysqldump占用着mdl读锁，binlog会被阻塞，主从会发生延迟，

1.5K1 0

静态网页托管平台的选择

https://pages.github.com/ 相比其他的blog平台, GitHub Pages有以下的优点: HTTPS: 不用购买证书啦完全免费, repository上线1G 支持git动态更新后台...的优秀的前端框架, 但是最好还是使用Google自己推出的, 一来有官方保障, 而来MDL本身很轻量, 正好符合了我们静态网站的宗旨....看完之后如果不够舒适…其实也可以在此之上二次开发, 不用标记版权, 因本身就是我一时兴起的作品哈哈, 更多截图请看进入demo目录卡片布局卡片布局(Card Layout)是经典的UI组件, material...可以看出其结构, 首先这个矩形是一个黄金矩形, 即宽高比例是1:0.618, /* gold = (5**0.5-1)/2 */, 标题在左下角, logo在右侧, 为了美观, 你之后在填写data.json...目录结构 icon/: 存放着material design的官方字体 mdl/: MDL框架的所有相关文件 img/: 存放着所有图片, 包括logo, 卡片背景和网站素材图片 showdown/:

1.4K3 0

Innodb加索引，这个时候会锁表吗？

自 MySQL 5.6 起，InnoDB 开始采用一种名为“Online DDL”的技术，允许在不阻塞其他会话的情况下创建或删除索引。...例如，在添加索引时，如果表中存在大量未提交的事务，则需要等待这些事务提交后才能开始索引构建。因此，建议在非高峰时段进行此类操作，以避免影响用户的正常使用。...DDL 操作包括创建、修改和删除数据库中的表、索引、视图、约束等数据库对象，而不涉及实际数据的操作。...在 MySQL 5.6 之前，所有的 ALTER 操作实际上都会阻塞 DML 操作，例如添加或删除字段、添加或删除索引等，都会导致表被锁定。...但需注意的是，在 DDL 开始和结束阶段，都需要获取 MDL 锁，如果在获取锁时存在未提交的事务，则 DDL 可能因为锁定失败而被阻塞，从而影响性能。

4161 0

关于MDL

如果对线上一个频繁DML操作的表做DDL如添加字段等操作，可能会导致死锁，使数据库连接资源被消耗完，导致数据库宕机。...安全的解决方式是对表做DDL如添加字段时，设置执行语句的超时时间，写锁超时自动释放，不影响读锁。全局锁全局锁就是对整个数据库实例加锁。...，在备份过程中整个库完全处于只读状态。...如果你在主库上备份，那么在备份期间都不能执行更新，业务基本上就得停摆；如果你在从库上备份，那么备份期间从库不能执行主库同步过来的 binlog，会导致主从延迟。...每执行一条DML、DDL语句时都会申请MDL锁，DML操作需要MDL读锁，DDL操作需要MDL写锁（MDL加锁过程是系统自动控制，无法直接干预，读读共享，读写互斥，写写互斥）读锁之间不互斥，因此你可以有多个线程同时对一张表增删改查

7342 0

向量自回归（VAR）模型分析消费者价格指数 (CPI) 和失业率时间序列|附代码数据

其他模型组件包括将相同的外生预测变量与每个序列相关联的回归成分，以及常数和时间趋势项。例子创建和修改默认模型创建一个由一个序列组成的零阶 VAR 模型。 Mdl 是一个 varm 模型对象。...使用适当的名称-值对参数创建一个 VAR(1) 模型对象，表示动态方程组。 var('Coan',cAR',i1're,dta,ovaice'Sa) Mdl 是一个完全指定的 varm 模型对象。...在不同的图上绘制两个序列。 figure; plot(atal.Te,DaTa.); figure; plot(DaTTie,DatTE); 通过将 CPI 转换为一系列增长率来稳定 CPI。...Mdl 是一个 var 模型对象。所有包含NaN 值的属性都对应于给定数据要估计的参数。使用整个数据集估计模型。 estate(Mdl) EstMdl 是一个估计的 varm 模型对象。...freca(Estl); 在单独的图上绘制带有预测值的序列部分。

2481 0

浅谈MySQL中的锁

但是对于支持事务的引擎（例如Innodb）时，可以在可重复读的隔离级别下开启一个事务，当 mysqldump 使用参数–single-transaction 的时候，导数据之前就会启动一个事务，来确保拿到一致性视图...），MDL不需要显式使用，访问表时会被自动加上。...对表做增删改查时加MDL读锁，对表做结构变更时加MDL写锁。读锁之间不互斥：因此可以多个线程并发对一张表进行增啥改查；读写锁互斥，写锁之间互斥，用来保证变更表结构的安全性。...行锁顾名思义，针对数据表的行记录建立的锁，如果线程1更新这一行，线程二也要更新这一行，如此只有等线程一的事务提交后，线程二才能更新两阶段锁协议：在InnoDB中，行锁是在需要时添加的，并不是不需要时就立即释放...对于热点行更新的性能问题的可以对于相同行的更新，在进入引擎之前排队。这样在 InnoDB 内部就不会有大量的死锁检测工作了。

8892 0

Matlab创建向量自回归（VAR）模型分析消费者价格指数 (CPI) 和失业率时间序列

其他模型组件包括将相同的外生预测变量与每个序列相关联的回归成分，以及常数和时间趋势项。例子创建和修改默认模型创建一个由一个序列组成的零阶 VAR 模型。 Mdl 是一个 varm 模型对象。...使用适当的名称-值对参数创建一个 VAR(1) 模型对象，表示动态方程组。 var('Coan',cAR',i1're,dta,ovaice'Sa) Mdl 是一个完全指定的 varm 模型对象。...在不同的图上绘制两个序列。...Mdl 是一个 var 模型对象。所有包含NaN 值的属性都对应于给定数据要估计的参数。使用整个数据集估计模型。 estate(Mdl) EstMdl 是一个估计的 varm 模型对象。...freca(Estl); 在单独的图上绘制带有预测值的序列部分。

2.9K3 0

向量自回归（VAR）模型分析消费者价格指数 (CPI) 和失业率时间序列

1K2 0

DML+DDL 导致死锁？

MDL MDL（MetaData Lock）就是针对于 DDL 与 DML、DQL 操作加锁，执行 DDL 自动添加写锁，执行 DML、DQL 自动添加读锁，也就是说 DML 语句可以同时执行（不考虑其他锁...MDL不需要显式使用，在访问一个表的时候会被自动加上。 MDL的作用是保证读写的正确性。...因此，在MySQL 5.5版本中引入了MDL，当对一个表做增删改查操作的时候，加MDL读锁;当要对表做结构变更操作的时候，加MDL写锁。读锁之间不互斥，因此你可以有多个线程同时对一张表增删改查。...session2: 执行添加分区（DDL）命令，想要获取 XXX 对象的 EXCLUSIVE 锁，简称X锁. 这个状态时，session2 在等 session1 释放锁。...这个状态时，session2 在等待获取 XXX 对象的X锁，session1 想要申请SW锁，必须等session2 释放掉锁。所以 session1 在等 session2 释放锁。

4813 0

吓尿，给小表加个字段，把数据库搞挂了

先讲下原因，表数据量虽然小，却是一个热点表，访问频率特别高，而且该表的访问是在一个大事务中。加字段的时候一直在等待获取 MDL 写锁。...MDL 不需要显示使用，在进行表操作时会自动加上。当对表进行增删改查时，会自动加上 MDL 读锁；当要对表进行加减字段的结构修改时，会自动加上 MDL 写锁。...读锁不互斥，意味着可以多个线程同时对一张表进行增删改查的操作。写锁独占，进行结构修改前，要先等待其他所有的 MDL 锁释放了才能获取到 MDL 写锁。...获取到写锁后，在写锁释放前，其他线程无法获取到 MDL 读锁和写锁。也就是说，修改一个表的结构过程中，会阻塞其他线程对表的操作。 MDL 锁的必要性 MDL 锁的存在，其实是为了保证数据的一致性。...时刻 2 另外一个线程想要添加字段 c, 由于事务 1 正持着 MDL 读锁，所以事务 2 会陷入阻塞，等待事务 1 释放读锁后获取 MDL 写锁。

5654 0

MySQL 5.7中MDL实现分析

MDL 是在 5.5 中引入的，之前版本对于元数据也有保护，但实现为语句级别的，当语句结束后元数据相关的锁就会被释放掉。...，如果不冲突再判断和等待队列中的请求是否冲突，都不冲突才能获取锁。...MDL 实现 3.1 实现锁的基本要素在介绍 MDL 锁实现之前，有一些关于锁的背景先介绍一下。...的成员函数睡眠，等待别的线程唤醒；唤醒后检查是否被授予了锁（有可能是等待超时或者被其他线程检测出死锁并标记为 victim，或者收到了 kill），并做相关的清理工作。...在 MySQL 中，定义了 LFPINS 来记录线程所访问的指针，用 LFPINBOX 来管理所有的 pin，当替换一个全局指针时，将其添加到名为 purgatory 的链表中，当 purgatory

2.2K1 0

因果推断与反事实预测——利用DML进行价格弹性计算（二十三）

价格一般不直接影响需求，而是被用户决策相关的中间变量所中介作用。...先来提一下盒马这篇，在反事实预测任务上（随着折扣改变销量如何改变）的尝试半参数模型、XGBtree模型、DeepIV：第一种，半参数模型，不过这篇对动态折扣下销量的预估的半参数笔者还没深入了解，感觉用分层的价格弹性...（平均折扣tree销量预测 + 价格弹性拟合动态折扣销量增量）来规避了核心因果推理的问题，后续要再理解一下该模型第二种，错误尝试，将折扣当作treatment，动态将treatment作为特征来预测销量...每个商品，在每个国家，每家店，每个时间出售的件数与对应的单价。...，总是很小，因此为了减少噪音，我们将丢弃所有非常小的价格变化观察值，它们不包含太多信息。

3.2K1 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云