我在谷歌上搜索了一整天.我仍然是html/css/php/javascript的初学者,所以我可能有一些新手错误,但这就是为什么你们在这里帮助我!所以,我有一个动态网站的静态模板和动态加载的内容。例如,当我单击"About Us“链接时,模板保持不变,但内容将从另一个.php文件中加载,并使用$_GET方法在该索引中的iframe中打印出来。我正在使用iframe,所以我不影响模板布局。我的问题是,每次点击任何导航链接时,我的带有动画的.js文件都会被执行,因此,它使我希望,例如,一旦加载不可能,就会淡入整个网站。每次我点击一个链接,整个网站将消失,并再次褪色。我不知道我是不是用错了谷歌,但我找不到解决我的问题的办法。我只希望该脚本在加载页面时运行一次,而不是每当我单击链接时!下面是代码的一些部分:
:index.php的一部分:
<?php
include('setup/setup.php');
?>
<html>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="javascript.js"></script>
<body>
<div class="wrapOverall">
<div class="header">Logo, language buttons etc.</div>
<div class="wrapMainNav">Main navigation (Home, About us etc.)</div>
<div class="content">
<iframe src=<?php echo "content_$language/$pg.php"; ?> frameborder="0" style="width:951px; height:486px;">aaa</iframe>
</div>
</div>
</body>
</html>其中"content_$language“是我获取文件的文件夹,而"$pg.php”是文件本身。
setup.php文件:
<?php
error_reporting(E_ALL ^ E_NOTICE);
if($_GET['page'] == '')
{
$pg = 'naslovna';
}
else
{
$pg = $_GET['page'];
}
if($_GET['lang'] == '')
{
$language = 'cro';
}
else
{
$language = $_GET['lang'];
}
?>javascript.js文件:
$(document).ready(function() {
$(".wrapOverall").hide(); //Hide the website
$("html").css("visibility", "visible");
var bg = new Image();
bg.src = "images/background.jpg";
bg.onload = function(){ //Load the background image
$("html").css("background-image", "url(images/background.jpg)");
$("html").css("background-repeat","no-repeat");
$("html").css("background-attachment", "fixed");
$("html").css("background-position", "center");
$(".wrapOverall").fadeIn(1000); //Fade in the site
$(".content").animate({height:'468px'},1000); //Animate content loading
}
});就这样,如果你们认为你们需要更多的代码,我可以发送。
发布于 2013-10-22 14:20:01
您是否尝试过用ajax调用iframe内容?这样,将在与js函数相同的时间内调用php。
https://stackoverflow.com/questions/19520050
复制相似问题