2015-12-08 71 views
1
<?php 
include("dbFunctions.php"); 
$query ="SELECT * FROM medical_category"; 

$result = mysqli_query($link,$query); 
//datebase query 
?> 
<!doctype html> 

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Official form</title> 
<link rel="stylesheet" type="text/css" href="stylesheets/jquery-ui.css" /> 
<script language="javascript" type="text/javascript" src="scripts/jquery- 1.10.2.min.js"></script> 

<script language="javascript" type="text/javascript" src="scripts/jquery-ui.js"></script> 
//javascript 
<script> 
$(function() { 
$("#tabs").tabs(); 
}); 
</script> 

// tabs function 

</head> 
<body> 

<div id="tabs"> 

    <?php while ($arrayResult = mysqli_fetch_array($result)){ ?> 

    // fetch the array , is the vertical data affecting the alignment of tabs 

    <li><a href="#tabs-<?php echo $arrayResult['Medical_category_id']?> "><? php echo $arrayResult['Medical_categoryName']; ?></a></li> 

php的部分工作,但基於該ID標籤不對齊以及 我的回波數據,目前垂直對齊 如何使標籤重新工作? 的數據也被子彈分離,所以沒有對齊爲製表假設是動態JQUERY不工作

+2

'',src中的空格? –

+2

檢查您的控制檯的錯誤 –

+1

我現在想通了,忘記了包括

    回答

    0
    <?php 
    include("dbFunctions.php"); 
    $query ="SELECT * FROM medical_category"; 
    $result = mysqli_query($link,$query); 
    ?> 
    <html> 
    <head> 
        <meta charset="utf-8"> 
        <title>Official form</title> 
        <link rel="stylesheet" type="text/css" href="stylesheets/jquery-ui.css" /> 
        <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
        <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
        <script> 
        $(function() { 
        $('#tabs li>div').appendTo('#tabs'); 
        $("#tabs").tabs(); 
        }); 
        </script> 
    </head> 
    <body> 
    <div id="tabs"> 
        <ul> 
        <?php while ($arrayResult = mysqli_fetch_array($result)){ ?> 
        <li><a href="#tabs-<?php echo $arrayResult['Medical_category_id']?>"><?php echo $arrayResult['Medical_categoryName']; ?></a> 
        <div id="tabs-<?php echo $arrayResult['Medical_category_id']?>"><p>content of the tab</p></div></li> 
        <?php };?> 
        </ul> 
    </div> 
    </body> 
    </html> 
    
    +1

    我知道OP在他們發佈關於該問題的評論後接受了這個,但爲什麼OP應該嘗試這個?一個好的答案***將總是解釋所做的事情以及爲什麼這樣做,不僅是爲了OP,而且是爲了將來SO的訪問者。 –

    +0

    謝謝Jay。我會記住這個以備將來的答案。 – Vixed