显示/隐藏包含php Jquery

时间:2015-11-13 09:58:48

标签: php jquery html sql-server ajax

Iam试图有3个按钮,当我按下一个按钮时,它会显示一个php文件的内容。这就是我到目前为止所做的:

在主Html文件中:

<div class="buttons">
<a  class="showSingle" target="1">Logg</a>
<a  class="showSingle" target="2">Saker</a>
<a  class="showSingle" target="3">Rediger Kunde</a>

</div>     

<div id="div1" class="targetDiv"><?php include 'php/loggselect.php'; ?></div>
<div id="div2" class="targetDiv">Saker</div>
<div id="div3" class="targetDiv">Rediger </div>

后来在同一个文件中:

<script type="text/javascript">
jQuery(function(){

        jQuery('.showSingle').click(function(){
              jQuery('.targetDiv').hide();
              jQuery('#div'+$(this).attr('target')).show();
        });
});

</script>

有两个问题:当我重新加载页面时,显示所有3个div,我必须按下其中一个&#34;按钮&#34;仅显示该特定按钮的内容。

下一个也是最大的问题是只要它是纯文本就可以正常工作。但是当我使用<?php include 'php/loggselect.php'; ?>时,它将不再显示/隐藏。 php文件应显示一个包含我数据库搜索结果的表。但是当php只包含`时,它不起作用

回声&#39;测试&#39 ;; ?&gt;`或者。任何洗礼?

谢谢!

1 个答案:

答案 0 :(得分:0)

问题#1:你可以这样做,

CSS:.hiddenDiv {display:none;}

并将此类添加到每个div

$(function(){
    $(".showSingle").eq(0).trigger("click");
});

问题#2:执行

var _var1 = "variableone";
$("#div1").load('php/loggselect.php?v1='+_var1+'&v2='+_var1);

不要<?php ... ?>