اضافه کردن effect به تب

[alikhani98 517]

باسلام دوستان

من میخوام به تبی که ساختم effect بدم ولی هرطور عمل کردم نتونستم(چون جی‌کوئری را تازه شروع کردم به یاد گیری )

http://4blogers.com/tools/ads/tab.html

این هم کد:

$(function() {
  $( "#tabs" ).tabs({
   beforeLoad: function( event, ui ) {
    ui.jqXHR.error(function() {
	 ui.panel.html(
	  "Couldn't load this tab. We'll try to fix this as soon as possible. " +
	  "If this wouldn't be a demo." );
    });
   }
  });
});

خودم این را نوشتم و به آخر کدهای بالا اضافه کردم ولی کار نکرد!

		 $( "#tabs" ).tabs({ show: { effect: "blind", duration: 800 } });

خوب من چطوری به تب هام effect بدم؟

باتشکر

[imanfakhar 26231]

این افکت را از کجا آوردید ؟

می خواهید کدام بخش تب ها در چه موقعی چه افکتی داشته باشد به طور کامل شرح دهید

مثلا محتوای تب در زمان کلیک بر روی تب فید بشود و ...

[alikhani98 517]

از سایت جی‌کوئری

میخوام وقتی برروی تب کلیک میشه

اندازه تب به آرامی تغییر کنه(نسبت به محتوا بالا و پایین بره)

[alikhani98 517]

این افکت را از کجا آوردید ؟

می خواهید کدام بخش تب ها در چه موقعی چه افکتی داشته باشد به طور کامل شرح دهید

مثلا محتوای تب در زمان کلیک بر روی تب فید بشود و ...

محتوای تب در زمان کلیک بر روی تب فید بشود

[Morteza 34190]

fx رو باید اضافه کنید.مثلا:

http://www.eduteka.org/ajax/tabs3/

[alikhani98 517]

من میخوام مثل سومی بشه (Slide Effect)

چطوری باشد اضافه کنم؟

[alikhani98 517]

$('#tabs').tabs({ fxSlide: true });

اضافه کردم ولی کار نکردش

http://4blogers.com/tools/ads/tab.html

یه چیز دیگه

من از تبی که استفاده میکنم

با ایجکس صفخات دیگری را درش لود میکنم اونوقت میشه کاری کرد تا وقتی داره محتوای تب لود میشه یک متن یا تصویر به کاربر نشان داد مثل تصوبر لودینگ

[Morteza 34190]

الان توی کدهاتون دیدم fx فعال شه نیست

[alikhani98 517]

باسلام میخواستم

رویدادهای beforeLoad و load را به این کد اضافه کنم:

$(function() {
		$( "#tabs" ).tabs({
				   show: { effect: "fold", duration: 1500 },
			beforeLoad: function( event, ui ) {
				ui.jqXHR.error(function() {
					ui.panel.html(
						"خطا در فراخوانی صفحه " +
						"لطفا دوباره تکرار کنید" );
				});
			}
		});
	});

خود دو تا رویداد را نوشتم ولی نمیدونم کجا اضافه کنم

$( 'ui.panel' ).append('<p id='loading'>Loading...</p>');

$( 'ui.panel p#loading' ).remove();

چطوری به اولین کد اضافه کنم؟

ویرایش شده مهر 92 توسط صادق

[Morteza 34190]

این رو جدای همون کد، مثلا بعدش در onclick عوض کردن تب ها قرار بدید

[alikhani98 517]

این رو جدای همون کد، مثلا بعدش در onclick عوض کردن تب ها قرار بدید

میشه برام درست کنید آخه بلد نیستم

[Morteza 34190]

فقط میخواین همین دو به کد اضافه بشن؟

$( 'ui.panel' ).append('<p id='loading'>Loading...</p>');

$( 'ui.panel p#loading' ).remove();

[SILENT-NIGHT 19]

http://jqueryui.com/tabs/