opencart div标签内容不会在页面加载时显示

Question

我正在使用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>

Jquery的

 $(function(){
    function resetTabs(){
        $("#dashboard_content_details > div").hide(); //Hide all content
        $("#dashboard_tabs a").attr("id",""); //Reset id's      
    }

    var myUrl = window.location.href; //get URL
    var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2     
    var myUrlTabName = myUrlTab.substring(0,4); // For the above example, myUrlTabName = #tab

    (function(){
        $("#dashboard_content_details > div").hide(); // Initially hide all content
        $("#dashboard_tabs li:first a").attr("id","current"); // Activate first tab
        $("#dashboard_content_details > div:first").fadeIn(); // Show first tab content

        $("#dashboard_tabs a").on("click",function(e) {
            e.preventDefault();
            if ($(this).attr("id") == "current"){ //detection for current tab
             return       
            }
            else{             
            resetTabs();
            $(this).attr("id","current"); // Activate this
            $($(this).attr('href')).fadeIn(); // Show content for current tab
            }
        });


    })()
    });

Answer 1

我认为你需要把这些功能放在

中

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