Cкрипт на jQuery ajax для подгрузки контента по клику

php html JavaScript jQuery AJAX

Уже 2 недели бьюсь и безрезультатно.
Уже готов заплатить, лишь бы только чтоб работало как надо.

Сам скрипт есть и он работает, но в подгружаемых блоках page_1.php, page_2.php и т. д. перестают работать скрипты jQuery (tooltip - всплывающие подсказки). Они работают до того как загрузиться новый блок. Как будто перестает видеть загруженный блок. А еще в них же не работают вставки типа <?php include '..../count-001/viev1.php' ?>

А это пример:
<div>
<a name="topmenu" />
<a href="#topmenu" onclick="openPage('./novdub/page_1.php'); return false;">СТРАНИЦА 1</a>
<a href="#topmenu" onclick="openPage('./novdub/page_2.php'); return false;">СТРАНИЦА 2</a>
<a href="#topmenu" onclick="openPage('./novdub/page_5.php'); return false;">СТРАНИЦА 3</a>
</div>

<script>
function loadPHP(sURL)
{
var request=null;// пытаемся создать объект для MSXML 2 и старше
if(!request) try {
request=new ActiveXObject('Msxml2.XMLHTTP');
} catch (e){}// не вышло... попробуем для MSXML 1
if(!request) try {
request=new ActiveXObject('Microsoft.XMLHTTP');
} catch (e){}// не вышло... попробуем для Mozilla
if(!request) try {
request=new XMLHttpRequest();
} catch (e){}
if(!request)// ничего не получилось...
return "";// делаем запрос
request.open('GET', sURL, false);
request.send(null);
// возвращаем текст
return request.responseText;
}
function openPage (sURL) {
mypagecontent = document.getElementById('pagecontent')
mypagecontent.innerHTML = loadPHP(sURL);
}
</script>

А это пример page_2.php:

<table border = '0'>
<tr>
<td width = '270'>
<font color='#A52A2A'><h3>Название</h3></font>

</td>
<td valign=''>
просмотов:
<font size='2' color='#A52A2A'>
<?php
include '......../count-001/viev1.php' --------перестаёт работать после загрузки
?></font><br><br>
</td>
</tr>
<tr>
<td colspan='2'>

</td>
</tr>
<tr>
<td colspan='2'>
<table border = '0' >
<tr>
<td colspan='2'>
.................
</td>
</tr>
<tr>
<td>
<img src='.............../2.jpg' align='center' width='140px' height='180px'>

</td>
<td cellpadding = '5' valign='top'>
<?php
include '........../111.php' --------перестаёт работать после загрузки
?>
<p align='justify'>
<?php
$ws.$text1;
/* читаем с нулевого символа, до 300 и добавляем многоточие */ -----перестаёт работать после загрузки
$result=substr("$ws.$text1", 0, 200)."..";
print $result;
?>
</td>
</tr>
</table>
</td>
</tr>

</table>">
<CENTER><img src=......./2.jpg" alt=",,,,,,," align="center" width="110px" height="140px" style=""></a></CENTER>
</td>
......


Буду безмерно благодарен за помощь!

Примечание:
Вот jQuery который перестаёт работать, но я чёт там ничего не вижу
(function($){
$.fn.toolTip = function(options) {

//Providing plugin defaults

var defaults = {
background: '#1e2227',
color: '#1E90FF',
opacity: '0.9'
},

options = $.extend(defaults, options);

// Always return the jQuery object to allow for chainability.

return this.each(function() {
var elem = $(this);

//grab the title attribute

var title = elem.attr('title');

//only show the tooltip when the title is not empty

if(title != '') {

//creating the tooltip div

var tooltip = $('<div id="tooltip" />');

//Remove the title attribute's to avoid the native tooltip from the browser
elem.attr('title','');

// mouse over

elem.hover(function(e) {
tooltip.hide().appendTo('body')
.html(title)
.hide()
.css({
'background-color' : options.background,
'color' : options.color,
'opacity' : options.opacity,
})
.fadeIn(500);

},

// mouse out

function() {
tooltip.remove(); //remove the tooltip
});
}

//mouse move the tooltip will follow the cursor
//get X & Y position of the cursor

elem.mousemove(function(e) {
tooltip.css({
top: e.pageY + 25,
left: e.pageX + -210
});

});

});

}
})(jQuery);

И что тут можно сделать?
Блин люди помогите разобраться пжлста, ну очень надо!

Примечание:
Больше нет ничего, ну разве что файл jquery-1.7.min.js но там походу библиотека.
Мне кажется что все дело в 1-м скрипте. Читал что для того, чтобы скрипты исполнялись, надо вешать какой то вроде обработчик, который вызывает каждый раз нужную функцию.
Но это так своими словами.

Примечание:
Нашел:
<script type="text/javascript" src="./js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="./js/jQuery.toolTip.js"></script>
<script type="text/javascript">

$(document).ready(function(){
//Apply the plugin on every tooltip selector on the page
//This piece of code can also be included from an external file
$('.tooltip').toolTip();

});

</script>
И что с этим можно сделать?

Примечание:
Спасибо огромное!!!
Всё работает, кроме инклудов.
Не пойму - расположение файлов в порядке. Или его надо делать по отношению к главной, хз.
Пробую но пока чёт не пашет(((

Примечание:
Всё отлично!!! УРА ПОБЕДА!!!!

Просто page переместил в корень.
Ответы:
Надо смотреть как устроен jQuery код который "перестает" работать.
Представьте ситуацию,
Страница содержит div и скрипт вешающий функцию обработки клика по этому элементу.
$("div").click(function(){});
Теперь после изменения контента, старые элементы удаляются, и их обработчики естественно также уходят в небытие.
Другое дело, если обработчик подвешен таким образом:
$(document).on("click","div",function(){});
Обработчик вешается на документ, который никуда не девается, как не изменяй контент. Клики продолжают обрабатываться.
Примечание №1
Примечание №3


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.