用數據庫中的信息填充jquery選項卡標題

我有一個選項卡組件的結構，但我希望每個選項卡的頭部都是存儲在數據庫中的人員的名稱。用數據庫中的信息填充jquery選項卡標題

例如，通常這是一個突出部結構

<div id="tabs"> 
<ul> 
<li><a href="#tab-1">1</a></li> 
<li><a href="#tab-2">2</a></li> 
<li><a href="#tab-3">3</a></li> 
</ul> 
<div class="panels"> 
    <div id="tab-1"> 
    </div> 
    <div id="tab-2"> 
    </div> 
    <div id="tab-3"> 
    </div> 
</div> 
</div>

但是，而不是標籤1,2和3作爲頭部文本爲每個標籤，我會喜歡有馬克，約瑟夫，Luis和這些是名稱來自DB。這也包括每次添加一個人時，我都會有一個新標籤。有沒有人知道我該如何做到這一點？

我試着在頭文本中調用PHP查詢的結果，但沒有工作 **********編輯了代碼*********** *******

<?php 
    $connection = mysql_connect(/*DAta connectionns*/); 
    if (!$connection) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 
    mysql_select_db("", $connection); 


    $result = mysql_query("SELECT * FROM People"); 
    while($row = mysql_fetch_array($result)) 
    { 
     $r = $row["name"]; 


<div id="tabs"> 
    <ul> 
    <li><a href="#tab-1"><?php $r ?></a></li> 
    </ul> 
    <div class="panels"> 
    </div> 
    </div> 
     } 
    ?>

我知道，有什麼不對，但我看不到

來源

2015-12-08 zgrizzly_7

顯示您的（假設ajax？）嘗試不起作用... –

您是否意識到如果您有幾十個用戶，您將擁有大量標籤？你會這麼做的原因是什麼？請解釋它，所以我們可以嘗試找到一個更好的解決方案。 – Franco

假設你有一個JavaScript對象（從阿賈克斯？），你可以這樣做：

var mytabs = [{ 
    name: "Marc" 
}, { 
    name: "Josef" 
}, { 
    name: "Luis" 
}]; 
$('#tabs').tabs(); 
$.each(mytabs, function(indexInArray, myobj) { 
    $('#tabs').find('li> a').eq(indexInArray).text(myobj.name); 
});

這裏是你可以玩的小提琴：http://jsfiddle.net/MarkSchultheiss/p4mzy3hb/

來源

2015-12-08 14:12:37

嗨馬克，thx爲您的答案。我沒有使用JSON或Ajax，但是你給我帶來了這個想法，這個例子讓我改變了主意。 –

用數據庫中的信息填充jquery選項卡標題

回答

相關問題