Mar*_*o C 2 javascript sharepoint jquery
我有一个带有自定义"新建"和"编辑"表单的SharePoint列表.我正在使用jQuery隐藏某些字段$(document).ready().
页面加载时发生的情况是,在隐藏之前,您会看到显示的所有字段(一瞬间).看到闪光般的过渡有点不愉快.
有没有办法在加载HTML元素之前操纵它们的样式?(即:显示:无)
示例代码:
$(document).ready() {
// Hides fields 1 and 3 on page load
// Users can see it being hidden in fraction of a second
$('#field-1').hide();
$('#field-3').hide();
}
Run Code Online (Sandbox Code Playgroud)
就个人而言,我会使用纯CSS来隐藏元素,并通过向body- 标记添加一个类来实现.
<body class="initial-hide">
...
</body>
Run Code Online (Sandbox Code Playgroud)
那个CSS看起来就像这样
body.initial-hide #element1, body.initial-hide #element2{
display: none;
}
Run Code Online (Sandbox Code Playgroud)
这样,显示隐藏元素所需要做的就是从body中删除类 - 标记以显示元素:
$(document).ready() {
$('body').removeClass('initial-hide');
}
Run Code Online (Sandbox Code Playgroud)
而不是必须选择它自己的每个元素来调用.show()它们上的- 函数.
这是因为只有在文档准备就绪时才会触发javascript.使用Css而不是javascript来隐藏元素并将其加载到页面中
<style>
#field-1,#field-3{
display : none;
}
</style>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5806 次 |
| 最近记录: |