将显示/隐藏元素jQuery代码转换为JavaScript

Question

我有以下与jQuery配合使用的代码，由于我使用的ystsem的局限性，导致我无法解决的jQuery冲突。

<script type="text/javascript">
$(document).ready(function() {
    if (<?php echo $totalpage?> > 14) {
        $('#fpointer').show();
    }
});
</script>;

所以我的问题是我可以将此代码转换为无需jQuery即可运行的JavaScript吗？ 我想我可以弄清楚大部分内容，但是我不确定的部分是$(document).ready(function()以及它的翻译方式。

Answer 1

我认为您可以使用简单的JavaScript做到这一点：

document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById('fpointer').style.display = 'block';
});

Answer 2

在继续阅读之前， 请先 了解一下 jQuery.noConflict（） 。

用Javascript代替jQuery：

删除$(document).ready(function()

并替换$('#fpointer').show(); 与：

document.getElementById("fpointer").style.display = "inline";

因此，您的代码应如下所示：

<script type="text/javascript">
    if (<?php echo $totalpage?> > 14) {
       document.getElementById("fpointer").style.display = "inline";
    }
</script>