alvanweb
شنبه 02 خرداد 1388, 12:13 عصر
خیلی ساده است این موضوع
با یه مثال ساده توضیح میدم فرض کنید یه صفحه با محتوای زیر داریم:
<html>
<head>
<title>Thest BY Alvanweb</title>
</head>
<body>
<div id="container">
<div id="right_side">
<ul>
<li><a rel ="tab-1" href="about.php"> About US </a></li>
<li><a rel ="tab-2" href="contact.php"> Contact US </a></li>
</ul>
</div>
<div id="left_side">
</div>
</div>
</body>
</html> می‌خواهیم وقتی کاربر روی یه لینک سمت راست کلیک کرد یه محتوا در سمت چپ بارگذاری بشه. گاهی اوقات برای کنترل این محتوا به یه مشخصه نیاز داریم که می‌تونیم اونو از طریق آدرس بار کنترل کنیم. من در مثال زیر به کمک jquery علاوه بر انجام عمل بالا (بارگذاری در سمت چپ هنگام کلیک روی لینک سمت راست) پروپرتی rel تگ a رو به آدرس بار ارسال می‌کنم:
$('#right_side a').click(function(ev){
var path = $(this).attr("rel");
window.location.hash = path;
loadPage(this.href);
ev.preventDefault();
});
function loadPage(path){
$('#left_side').empty().load(path);
}البته rel کاربرد دیگری داره ولی من بعنوان یه پروپرتی کمکی ازش استفاده کردم.