تب با قابلیت آژاکس

[AliZemani 349]

سلام ، روز بچه های گل وردپرس پارسی بخیر ، یه مشکل برام پیش اومده در مورد تب با قابلیت آژاکس

به نظرتون چطور میشه یه تب ساخت که موقعی که روی یه عنوان 1 کلیک میشه ، از توی function.php کدی که مربوط به اون عنوان هست رو توی قالبی که براش انتخاب کردیم ، لود کنه ؟

برای مثال از کد زیر برای قالب بندی استفاده کردم :

<ul id="nav">
  <li><a href="page_1.html">Page 1</a></li>
  <li><a href="page_2.html">Page 2</a></li>
  <li><a href="page_3.html">Page 3</a></li>
</ul>

<div id="ajax-content">This is default text, which will be replaced</div>

و همینطور کد زیر برای جی کوری :

$(document).ready(function() {
$("#nav li a").click(function() {

	 $("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
	 $("#nav li a").removeClass('current');
	 $(this).addClass('current');

	 $.ajax({ url: this.href, success: function(html) {
		 $("#ajax-content").empty().append(html);
		 }
});
return false;
});
});

حالا چطوری باید توی فانشن قالب یه سری حالت هایی رو در نظر بگیریم ، که موقعی که روی هر عنوان کلیک می شه ، کد خاص خودش (برای مثال یه مقدار از یک تابع php ) رو توی Ajax-content قرار بده ؟

ویرایش شده بهمن 91 توسط mehotkhan

[NESTED 4295]

تب اجکس شما کامل نیست

م یتونید از پلاگین های تب ساز استفاده کنید

و یا اینکه از نمونه های رایج استفاده کنید

در مورد نحوه نمایش هم می تونید با استفاده از کوئری در هر تب مطالب خاص خودتون رو نمایش بدین

[AliZemani 349]

این نمونه کدی بود که برای تست گذاشته بودم ، چون تعداد محتوایی که می خوتم لود بشه بیشتر از 50 تا هست ، اگه بخوام موقعی که صفحه لود میشه تمام محتوا رو با هم لود کنم ، خلی فشار می یاد ، باید طوری باشه که هر عنوان که نیاز بود فقط از فانشن لود بشه ، برا همین گفتم آژاکس باشه ، فکر کنم منظورم رو متوجه نشدید

[Parsa 23463]

روش استفاده:

http://codex.wordpress.org/AJAX_in_Plugins