jQuery的標籤沒有在週期內工作

Question

這是我的代碼： -script：

<script> 

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

-HTML：

for($i=0;$i<$num_panels;$i++) 
    { 
     $data0=pg_fetch_row($result0); 

     $name=$data0[5]; 
     $label_name=$data0[6]; 
     $script_link=$data0[7]; 

     echo "<div id=\"tabs\" width=\"590px\">"; 
     echo "<ul><li>"; 
     echo "<a href=\"#tabs-\".$i> $name </a>"; 
     echo "</li>"; 
     echo "</ul>"; 

     echo "<div id=\"tabs-\".$i> 
      <p>hnckbrg</p> 
      </div> ";  
    } 
     echo "</div>"; 

這個代碼僅產生第一個選項卡。我不知道如何解決。你可以幫我嗎？

Answer 1

我發現與生成HTML的一個問題：

echo "<a href=\"#tabs-\".$i> $name </a>"; 
echo "</li>"; 
echo "</ul>"; 

echo "<div id=\"tabs-\".$i> 

會導致下面的HTML：

<a href="tabs-"1>Name</a> 
</li> 
</ul> 
<div id="tabs-"1>... 

公告標識的是如何"tabs-"[Number]而不是"tabs-[Number]"。 同樣的問題與href。這可能是它或者至少是它的一部分。

編輯： 也查看您的代碼，您多次打印選項卡的開始。 你可能會想格式化代碼稍有不同，例如：

//Collect all the data. 
$data = []; 
for($i=0;$i<$num_panels;$i++) 
{ 
    $data[]=pg_fetch_row($result0); 
} 

// Print the tab buttons 
echo "<div id=\"tabs\" width=\"590px\">"; 
echo "<ul>"; 
for($i=0;$i<$num_panels;$i++) 
{ 
    $name=$data[$i][5]; 
    $label_name=$data[$i][6]; 
    $script_link=$data[$i][7]; 

    echo "<li><a href=\"#tabs-$i\"> $name </a></li>"; 
} 

//Close the tabs 
echo "</ul>"; 

//Output all the panels. 
for($i=0;$i<$num_panels;$i++) 
{ 

    echo "<div id=\"tabs-$i\"> 
     <p>hnckbrg</p> 
     </div> ";  
} 
//Close #tabs 
echo "</div>"; 

此代碼帶有一個警告我的PHP是一個有點有點生疏。