Question

我有一个PHP文件，可以在JQuery TAB中输出一些信息。

PHP文件

$output2 .='<div class="demo">';
$output2 .='<div id="tabs">';
$output2 .='<ul>';
$output2 .='<li><a href="#tabs-1">Option 1</a></li>';
$output2 .='<li><a href="#tabs-2">Option 2</a></li>';
$output2 .='</ul>';
$output2 .='<div id="tabs-1">';
$output2 .='<p>1st text.</p>';
$output2 .='</div>';
$output2 .='<div id="tabs-2">';
$output2 .='<p>2nd text.</p>';
$output2 .='</div>';
$output2 .='</div>';
$output2 .='</div>';

HTML文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<script src="jquery-1.8.0.js"></script>
<script src="ui/jquery.ui.core.js"></script>
<script src="ui/jquery.ui.widget.js"></script>
<script src="ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="css/demos.css">    
<script>
$(function() {
    $( "#tabs" ).tabs();
});
</script>

</head>

<body>
<?php echo $output2; ?>
</body>
</html>

当我运行php时，一切都比jquery函数更少。如果我直接在HTML文件中运行脚本，则运行完美

Answer 1

以下脚本

<script>
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>

查找并将选项卡的最终输出应用到文档中，但是，在php输出实际“输出”之前调用此函数，因此不应用所有jquery事件，只需将“标签“在回声之后起作用。

Answer 2

我认为这会解决它：

$(document).ready(function() {

    $(function() {
        $( "#tabs" ).tabs();        
    });    
});

并且为了加快页面加载 - 将其放在底部。

在PHP中运行JQuery

2 个答案: