Javascript opencart div选项卡内容不存在'；无法在页面加载时显示

我正在使用opencart模板。这里我试图在div选项卡中显示一些mysql表数据。它很好用。但是，当我重新加载浏览器时，它不会显示默认的当前div mysql数据。如果我单击另一个选项卡，它将正确显示所有数据

当我重新加载浏览器时，它显示如下

然后单击“注释”选项卡，然后再次单击“评论”选项卡。我知道了

为什么页面加载时不显示评论选项卡内容

            <ul id="dashboard_tabs">
            <?php if($description) { ?>
            <li><a href="#one"><?php echo $tab_description; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#two" ><?php echo $tab_review; ?></a></li>
            <?php } ?>
            <?php if ($attribute_groups) { ?>
            <li><a href="#three">Notes</a></li>
            <?php } ?>

            <?php if ($products) { ?>
            <li><a href="#four" ><?php echo $tab_related; ?> <?php /*echo count($products);*/ ?></a></li>
            <?php } ?>
            </ul>

     <div id="dashboard_content_details">
          <div id="one">
    <?php echo $description; ?>
          </div>
      <div id="two">
        some contents
          </div>
      <div id="three">
       some contents
          </div>
      <div id="four">
        some contents
          </div>
    </div>

---

我想你需要把这些函数放进去

$(document).ready(function(){
    // do the above task
})

这是选项卡的自制实现吗？为什么不使用OpenCart附带的默认Jquery选项卡插件？

$(document).ready(function(){
    // do the above task
})