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 немного ржавый.