gpt4 book ai didi

Javascript - 在页面完成初始化后应用 CSS

转载 作者:行者123 更新时间:2023-11-28 00:23:33 26 4
gpt4 key购买 nike

因此,我正在构建一个动态表单,其中包含使用 Jquery Mobile 设置样式的输入,并且想知道是否有一种方法可以触发与 Jquery 无关的刷新。基本上,我正在为日期选择器使用第 3 方插件,当页面加载时,它没有获得适当的样式。有谁知道刷新表单单个输入的方法?

我不想重新加载整个页面,只需刷新表单即可将第 3 方样式应用于单个输入。抱歉,如果这是一个菜鸟问题,我才刚刚开始使用 JS 和 HTML5。有人有什么建议吗?


更新:因此,我正在构建并插入到表单中的 HTML 字符串如下所示:

<input id="date-example" type="date" data-options="{'mode':'calbox'}" data-role="datebox" name="date-example">

如果我将它添加到页面 HTML 中,这将完美地工作,但当我将它动态地添加到表单中时却不行。字符串是相同的,我只能假设这意味着它没有用 CSS 样式刷新。

最佳答案

因此,jQuery Mobile 的一个规则是您需要取消学习很多常见的做法。 JQM 通过 AJAX 下载目标页面然后将其 HTML 加载到 DIV 并将该 DIV 动画化到当前 DOM 来导航到下一页。

其中一个(众多)副作用是需要仔细规划媒体 Assets 、CSS、JS 等。这个第 3 方日期选择器小部件的 CSS 很可能在 <head> 中。被导航到的文件? <head> 中的东西不要总是加载。

我通过将一些东西移到 <body> 来解决这个问题标记,但这是一种 hacky 解决方案。更好的方法是使用一个单一的、缩小的和压缩的 CSS 文件来提供所需的一切,包括日期选择器的 CSS。

关于Javascript - 在页面完成初始化后应用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7338671/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com