我试图调用 javascript 的函数来使用导航栏更改 php 页面,而无需重新加载整个页面,但我所经历的关闭是我成功地使用按钮命令做到了这一点,但页面内的 javascript 是关机,我做错了什么?
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function() {
$("#accordion").accordion();
$('#button_1, #button_2, #button_3, #button_4').click(function(){
var which_to_load = ( $(this).attr('id')+"" ).replace('button_', ''),
source_of_file = 'content'+which_to_load+'.php';
$('#content_box').load( source_of_file );
return false;
});
});
</script>
链接部分:
<div id="content_changing_buttons">
<form method="get" id="change_content_buttons" action="">
<p>
<li><input value="1" type="submit" id="button_1" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
<li><input value="2" type="submit" id="button_2" name="page" /> Reggiani presents at frankfurt Light + Build 2012</a><br/><br /></li>
<li><input value="3" type="submit" id="button_3" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
<li><input value="4" type="submit" id="button_4" name="page" /> Reggiani presents at frankfurt Light + Build 2012<br/><br /></li>
</p>
</form>
</div>
和内容部分:
// default number of page to load
$defaultPageNumber = '2';
// check if content number is set
$numberOfPageToInclude = isset($_GET['page']) ? $_GET['page'] : $defaultPageNumber;
$options = array(
'options' => array(
'min_range' => 1,
'max_range' => 4,
));
if (filter_var($numberOfPageToInclude, FILTER_VALIDATE_INT, $options) !== FALSE) {
include ('content' . $numberOfPageToInclude . '.php');
} else {
echo '<span style="color:red;">Wrong page number, including default page!</span><br />';
include 'content1.php';
}
?>
</div>
现在我已经按照建议的方式完成了,但是当我调用代码时,首先出现了默认的 php 页面,然后当我单击按钮更改页面的 php 端时,它起作用了,但不知何故它关闭了其余的javascript,甚至我的手风琴js和百叶窗js(它来自另一个php页面)突然关闭。
任何人都可以建议如何解决这个问题?