Доброго времени суток. Суть моей проблемы заключается в том, что я с использованием JQuery сделал выпадающий список с изменяющимся + на - при нажатии. В рамках страницы все работает, а вот данные полученные с помощью Ajax отказываются обрабатывать функцию при клике по +.
Здесь можно посмотреть скрипт в работе.
Вот часть его кода:
<?
if($_GET['ajax'] == true && $_GET['docincat']){
header("Content-type: text/html; charset=UTF-8");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Cache-Control: post-check=0,pre-check=0", false);
header("Cache-Control: max-age=0", false);
header("Pragma: no-cache");
echo("<DIV class=\"cat\">");
echo("<a class = \"close\" href=\"index.php?cat=1\" onclick='$(\"div.cat > #doc_1\").toggle();return false;' title=\"\"></A><B CLASS=\"Active\">Ajax loaded data</B>");
echo(" <a href=\"/docs.php?doc=skdoc_X0\">example</a><DIV id = \"doc_1\" class=\"s_close\">sub</DIV></DIV><br>");
exit;
}
###### END AJAX DOC_IN_FLD ######
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=win-1251" />
<title>test</title>
<script type="text/javascript">
// Add jQuery latest pack
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://code.jquery.com/jquery-latest.pack.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
</script>
<style>
div.s_close { display: none;}
a { color: #000000; text-decoration: none}
a:hover { color: #2a93cf; text-decoration: none}
a.close { background: url('/images/+.gif') left no-repeat; padding: 2px 0px 0 16px;}
a.open { background: url('/images/-.gif') left no-repeat; padding: 2px 0px 0 16px;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("div.cat > a.open").toggle(function(){
$(this).removeClass("open");
$(this).addClass("close");
}, function(){
$(this).removeClass("close");
$(this).addClass("open");
});
$("div.cat > a.close").toggle(function(){
$(this).addClass("open");
$(this).removeClass("close");
}, function(){
$(this).addClass("close");
$(this).removeClass("open");
});
});
function docs(fid,page){
$('#doc').empty().append('<img src=\'/images/ajax-loader.gif\'>Загрузка...').load('/1.php?ajax=true&docincat='+fid+'&page='+page);
}
</script>
<DIV class="cat">
<a class="close" href="index.php" onclick='$("div.cat > #sub_222").toggle();return false;' title="11">Work</a>
<DIV id="sub_222" class="s_close">sub</DIV></DIV>
<DIV id = "doc" style="width:40%;">
<a href="index.php" onclick='docs("1","0");return false;' title="333"><span>Click to Ajax load</span></a></DIV>
<DIV id = "doc" style="width:40%;"></DIV>
</body></html>