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都显示出来了,我必须按下其中一个"按钮"才能只显示该特定按钮的内容。
下一个也是最大的问题是,只要是纯文本,它就可以正常工作。但当我使用<?php include 'php/loggselect.php'; ?>
时,它将不再显示/隐藏。php文件应该显示一个表,其中包含来自我的数据库的搜索结果。但是当php只包含`
回声‘测试’;?>`任何一个有灵魂的洗礼吗?
谢谢!
问题#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 ... ?>