ali_shmki
دوشنبه 28 دی 1388, 01:00 صبح
صفحه ای دارم که از یک button و یک تگ div تشکیل شده.
وقتی روی button کلیک میکنم، صفحه ای از طریق ajax در تگ div لود میشود که حاوی سه لینک است.
میخواهم وقتی روی لینکها کلیک میشود، صفحه جدید در همان div لود شود. کدهای مربوطه رو نوشتم اما صفحه در div لود نمیشه بلکه url کل صفحه عوض میشه. مشکل از کجاست؟
صفحه اول:
<script type="text/javascript" language="javascript">
$(function()
{
$("#button").click(function()
{
$("#content").load("link.php");
});
$("a").click(function()
{
var url=$(this).attr("href");
$("#content").load(url);
return false;
});
});
</script>
<div id="content" ></div>
<button id="button">click here</button>
صفحه دوم: (link.php)
<a href="http://yahoo.com">yahoo.com</a><br />
<a href="http://google.com">google.com</a><br />
<a href="http://altavista.com">altacista.com</a><br />
وقتی روی button کلیک میکنم، صفحه ای از طریق ajax در تگ div لود میشود که حاوی سه لینک است.
میخواهم وقتی روی لینکها کلیک میشود، صفحه جدید در همان div لود شود. کدهای مربوطه رو نوشتم اما صفحه در div لود نمیشه بلکه url کل صفحه عوض میشه. مشکل از کجاست؟
صفحه اول:
<script type="text/javascript" language="javascript">
$(function()
{
$("#button").click(function()
{
$("#content").load("link.php");
});
$("a").click(function()
{
var url=$(this).attr("href");
$("#content").load(url);
return false;
});
});
</script>
<div id="content" ></div>
<button id="button">click here</button>
صفحه دوم: (link.php)
<a href="http://yahoo.com">yahoo.com</a><br />
<a href="http://google.com">google.com</a><br />
<a href="http://altavista.com">altacista.com</a><br />