我有一个php文件,如下所示。该页面生成的html内容实际上由3个html页面组成。我正在使用jquery选项卡将三个html页面放入选项卡中。选项卡生成发生在函数“loadtabs”中,该函数在页面底部的脚本标记内部调用。我面临的问题是我用来生成标签的功能没有在php中执行。请帮我解决问题。
editor.php
<html>
<head>
<link type="text/css" href="../../css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />
<link type="text/css" href="./methodeditor.css" rel="stylesheet" />
<script type="text/javascript" src="../../js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="../../js/jquery-ui-1.8.14.custom.min.js"></script>
<script>
function loadtabs() {
$( ".tabs" ).tabs();
method = <? echo $method; ?>;
mode = <? echo $mode; ?>;
$("#oven").load('oven.php');
$("#detectors").load('detectors.php');
$("#inlets").load('inlets.php');
}
</script>
</head>
<body>
<form id="editor" action="method.php" method="POST" >
<div class="editor">
<div class="tabs">
<ul>
<li><a href="#oven">Oven</a></li>
<li><a href="#detectors">Detectors</a></li>
<li><a href="#inlets">Inlets</a></li>
</ul>
<div id="oven" ></div>
<div id="detectors" ></div>
<div id="inlets"> </div>
</div>
<script>
loadtabs();
</script>
</form>
</div>
</body>
</html>
答案 0 :(得分:1)
您尚未在js中指定引号。试试这个
function loadtabs() {
$( ".tabs" ).tabs();
method = "<? echo $method; ?>";
mode = "<? echo $mode; ?>";
$("#oven").load('oven.php');
$("#detectors").load('detectors.php');
$("#inlets").load('inlets.php');
}
答案 1 :(得分:0)
在JQuery中,有一个 .load ,它是.bind('load',handler)和 .load 的快捷方式,它是Ajax模块的一部分。哪一个被解雇取决于参数。
因为您提供的URL作为参数而没有附加选择器,所以它不会删除文档中包含的任何JavaScript,并且会在传递给.html()
确保这些PHP文件中的JavaScript(如果有)没有错误。