javascript - 根据值加载页面时显示 div

Question

我正在使用 Joomla 和 PHP，但遇到以下问题:

我有这个DIV:

<div id="buypdf" style="margin-left:0px; display:none;">
    <form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <input type="hidden" name="cmd" value="_xclick">
        <input type="hidden" name="business" value="prrrrfff@gmail.com">
        <input type="hidden" name="currency_code" value="EUR">
        <input type="hidden" name="item_name" value="<?php echo $item->name; ?>">
        <input type="hidden" name="amount" value="<?php echo $item->price; ?>">
        <button name="submit" id="buy_pdf" class="button" style="margin-left:5px;" type="submit">Buy pdf!</button>
    </form>
</div>

而且效果非常好。我有“显示:无；”例如，如果项目的类别 > 38，则将其设置为“阻止”或“显示”。

但是它不起作用。

我阅读了类似问题的答案，并添加了以下内容:

<script>
   $(window).load(function() {
       $("#buypdf").show();
   });
</script>

这个:

<script>
   $(document).ready(function() {
       $("#buypdf").show();
   });
</script>

甚至这个:

$(function() {
   document.id('#buypdf').setStyle('display','block');
});

但是什么都不起作用。我只是想看看它是否有效，但我想做的是如下所示:

<script>
   $(window).load(function() {
       <?php
          if($item->cat_id > 38){
       ?>
             $("#buypdf").show();
       <?php
          }
       ?>
   });
</script>

有什么提示或建议吗？谢谢。

Answer 1

确保包含 JQuery 文件。这应该有效:

$(function(){
   $("#buypdf").show();
});

<强> JSFiddle

您也可以使用纯 Javascript 来完成:

function showDiv(){
    document.getElementById("buypdf").style.display = "block";
};
showDiv();

<强> Example 2