-1

我有一个 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 文件中运行脚本，运行完美

4

2 回答 2

0

以下脚本

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

找到标签的最终输出并将其应用到文档中，但是，您在 php 输出实际“输出”之前调用此函数，因此不应用所有 jquery 事件，您可以通过放置“标签”函数来解决此问题在那个回声之后。

于 2015-04-18T23:37:16.293 回答
-3

我认为这将解决它：

$(document).ready(function() {

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

为了更快的页面加载 - 把它放在底部。

于 2012-10-21T23:44:02.850 回答