根据值加载页面时显示div

时间:2014-05-22 16:43:47

标签: javascript php

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

它工作得很好。我有那个&#39;显示:无;&#39;为了将其设置为&#39;阻止&#39;或者&#39;显示&#39;如果项目的类别是>例如,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>

任何提示或建议?谢谢。

1 个答案:

答案 0 :(得分:1)

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

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

<强> JSFiddle

您也可以使用纯Javascript:

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

<强> Example 2