Форум

PostGet · #1 (**permalink**) 15.09.2011, 15:02

Всем привет!)Есть таблица и нужно что бы при нажатии на ее элемент через ajax загружалась страница...=)

<html >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


	
	
	<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.js"></script>
	

<link rel="stylesheet" type="text/css" href="http://static.jstree.com/v.1.0pre/_docs/!style.css" />

<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.hotkeys.js"></script>
<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<script type="text/javascript">
$(function () {
	 


	
	$("#demo1")
		
		.jstree({
		
		})		
		.bind("loaded.jstree", function (event, data) {
			});
	
		
});
</script>
<script>
		$(document).ready(function(){
		
			$('#someParentDiv').click(function() {
				  alert('Handler for .click() called.');
				});
		});
		</script>
	</head>
<body  >

	<div id="container">
		
		
		


<div id="demo1" class="demo" style="height:100px;">
	<ul>
		<li id="phtml_1">
			<a href="">Masseges</a>
			<ul>
				<li >

					<a  id="someParentDiv" href="#">Wright</a>
				</li>
				<li>
					<a href="#">Entering</a>
				</li>
			</ul>
		</li>
		<li >

			<a href="#">Basket</a>
		</li>
	</ul>
</div>

</div>

   
     <div id="content"></div>  

	</body>
</html>

DjDiablo · #2 (**permalink**) 15.09.2011, 19:06

По идее не важно tree table или чо-то ещё. ссылка скорее всего ссылкой и будет.

как варинт решения.
на <a> повесь событие click. А ещё лучше заведи класс для ссылок по которым грузятся страницы через ajax. к примеру ajaxref

<li >
     <a class="ajaxhref" href="basket.html">Basket</a>
</li>

<li >
     <a class="ajaxhref"  href="entering.html">Entering</a>
</li>

$(".ajaxhref").click(function(){
    // получаем адрес страницы
    var link=this.attr("href");

    //грузиш по ajax то что нужно к примеру через load
    $("#container").load(link);   

    //возвращаем false чтобы браузер не перешёл по ссылке в href
    return false;
});

Форум

Справочник

Discord чат

Курсы javascript