-1

JQueryTAB内にいくつかの情報を出力するPHPファイルがあります。

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 に答える