2

我的标签有问题。在我包含之前<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>，选项卡正在显示，但现在 3 个表显示没有相应的选项卡。

请检查我下面的代码

在我的头标签里面：

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/userpage.css">

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" media="all" /> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>  
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>  


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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>

<script type="text/javascript">
        function codeBinsAddEvent(obj,type,fn){
            if(obj.attachEvent){
                    if(type == "load"){
                        obj.attachEvent('on'+type, fn);
                    }
                    else{
                        obj.attachEvent('onreadystatechange', fn);
                    }
                    /*
                obj['e'+type+fn]=fn;
                obj[type+fn]=function(){
                    obj['e'+type+fn](window.event)}
                ;obj.attachEvent('on'+type,obj[type+fn])*/
             }
            else obj.addEventListener(type,fn,false)
        };
        function codeBinsAddLoadEvent(fn){
            codeBinsAddEvent(document.addEventListener&&!window.addEventListener?document:window,'load',fn)
        };
        function codeBinsAddReadyEvent(fn){
            codeBinsAddEvent(document,'DOMContentLoaded',fn)
        };   

     </script>

在我的身体标签中： 

<div id="tabs">
    <ul>
    <li><a href="#tabs-1">Students</a></li>
    <li><a href="#tabs-2">Subjects/a></li>
</ul>
<div id="tabs-1">   
<table id="mytable" cellspacing="0" summary="Students">
<tr>
<th scope="col" class="nobg"></th>
<th scope="col" abbr="Name">Name</th>
<th scope="col" abbr="Address">Address</th>
<th scope="col" abbr="Level">Level</th>
<th scope="col" abbr="School">School</th>
</tr>
<?php
// Start looping table row
while ($row = mysql_fetch_array($result)) {

        $firstname = $row["Firstname"];
            $middlename = $row["Middlename"];
            $lastname = $row["Lastname"];
            $address = $row["Address"];
    $level = $row["LevelName"];
    $school = $row["SchoolName"];

?>
<tr>
<td><input name="checkbox" type="checkbox" /></td>
<td class="spec"><?php echo $lastname.", ".$firstname. " " .substr($middlename, 0,1) . "." ; ?>   </td>
<td><?php echo $address; ?></td>
<td><?php echo $level; ?></td>
<td><?php echo $school; ?></td>
</tr>
<?php
// Exit looping 
}
?>
</table>

</div> <!-- end of tabs1 -->

<div id="tabs-2">

<table id="mytable" cellspacing="0" summary="Subjects">
<tr>
<th scope="col" class="nobg"></th>
<th scope="col" abbr="Code">Subject Code</th>
<th scope="col" abbr="Name">Subject Name</th>
<th scope="col" abbr="Description">Description</th>
<th scope="col" abbr="Unit">Unit</th>
</tr>

<?php

$result2 = mysql_query($sql);  

if($result2 === FALSE) {
die(mysql_error()); // TODO: better error handling
} 

// Start looping table row
while ($row2 = mysql_fetch_array($result2)) {

        $code = $row2["Code"];
    $Name = $row2["Name"];
    $description = $row2["Description"];
            $unit = $row2["Unit"];

?>

<tr>
<td><input name="checkbox" type="checkbox"/></td>
<td class="spec"><?php echo $code; ?>    </td>
<td><?php echo $name; ?></td>
<td><?php echo $description; ?></td>
<td><?php echo $unit; ?></td>
</tr>

<?php
// Exit looping
}

?>

</table>

</div> <!-- end of tabs2  -->

当我添加这个时：

<script type="text/javascript">
        function codeBinsAddEvent(obj,type,fn){
            if(obj.attachEvent){
                    if(type == "load"){
                        obj.attachEvent('on'+type, fn);
                    }
                    else{
                        obj.attachEvent('onreadystatechange', fn);
                    }
                    /*
                obj['e'+type+fn]=fn;
                obj[type+fn]=function(){
                    obj['e'+type+fn](window.event)}
                ;obj.attachEvent('on'+type,obj[type+fn])*/
             }
            else obj.addEventListener(type,fn,false)
        };
        function codeBinsAddLoadEvent(fn){
            codeBinsAddEvent(document.addEventListener&&!window.addEventListener?document:window,'load',fn)
        };
        function codeBinsAddReadyEvent(fn){
            codeBinsAddEvent(document,'DOMContentLoaded',fn)
        };   

     </script>

它不允许标签显示。怎么了？请帮忙谢谢。

4

2 回答 2

0

您包含 jQuery 两次，因此在第二次包含时，jQuery UI 选项卡将被删除。

删除这一行：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>

如果您想包含缩小版本，请将第一个 URL 更改为：

http://code.jquery.com/jquery-1.8.3.min.js
于 2012-12-27T12:06:39.400 回答
0

您正在尝试使用多个版本的 jQuery，这会导致错误。

如果您想使用缩小版，请选择

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js" ></script>
于 2012-12-27T12:13:13.877 回答