ผมต้องการแสดงข่าวที่อ่านมาจาก XML ลงบน Tab โดยผมสร้างฟังก์ชั่นสำหรับอ่านข่าวจาก XML ชื่อ loadnews() , loadsport() ประมาณนี้อ่ะครับ แล้วผมจะให้มันแสดงบน div แต่มันมีปัญหาทุกที Tab หายบ้างคลิก Tab อื่นไม่ได้บ้าง ไม่รู้จะทำไงครับ แล้วถ้าโหลดมาแสดงบน Tab ได้แล้วฟังก์ชั่นมันจะทำงานเลยตอนเปิดหน้าเว็บขึ้นมาป่าวครับ ต้องทำยังไงบ้าง
นี่โค๊ดเดิมของมันที่ใช้งานได้แต่พอผมเพิ่ม div เข้าไปข้างล่างเพื่อจะให้แสดงข้อมูลจาก XML ก็ Tab หายไปเลยครับ Code (JavaScript)
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="#default" class="selected">Tab 1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="countrycontainer">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<p>This is some default tab content, embedded directly inside this space and not via Ajax. It can be shown when no tabs are automatically selected, or associated with a certain tab, in this case, the first tab.</p>
</div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
พอผมแก้โค๊ดให้มี div แบบนี้เพื่อจะได้ให้ฟังก์ชั่นเรียกข้อมูลจาก XML มาแสดงที่ div ปรากฏว่า Tab หายเลยครับเหลือแต่ข้อมูลที่ให้ฟังก์ชั่นเรียกมาจาก XML ไม่มี Tab ครับ