Question

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;`或者。任何洗礼？

谢谢！

Answer 1

问题＃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 ... ?>

显示/隐藏包含php Jquery

1 个答案: