forum

Home / DeveloperSection / Forums / Jquery Tabs not working within the cycle for

Ask Question

Jquery Tabs not working within the cycle for

Anonymous User 2100 16-Aug-2013
Hi developers!

This is my code: -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>";

this code is only generating the first tab. I do not know how to solve. can you help me?

jquery jquery 
Updated on 19-Aug-2013
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Vijay Shukla

Vijay Shukla

19-Aug-2013

I notice a problem with the generated HTML:

echo "<a href=\"#tabs-\".$i> $name </a>";
echo "</li>";
echo "</ul>";
echo "<div id=\"tabs-\".$i>
Would result in the following HTML:
<a href="tabs-"1>Name</a>
</li>
</ul>
<div id="tabs-"1>...

Notice how the id's are "tabs-"[Number] as opposed to "tabs-[Number]". Same problem with the href. This might be it or at least part of it.

Liked By