Добрый день!
Проблема в следующем, использую UI JQuery, а именно Tabs для отображения страниц
| Код |
//Tabs
$(function() {
$( "#tabs" ).tabs({
ajaxOptions: {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
"Не могу запустить страницу" +
"Ошибка" );
}
}
});
});
|
| Код |
<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a></li>
<li><a href="ajax/content1.php">Tab 1</a></li>
<li><a href="ajax/content3.php">Tab 2</a></li>
<li><a href="ajax/content2.html">Tab 3 (slow)</a></li>
<li><a href="/ajax/index.html">Tab 4 (broken)</a></li>
</ul>
<div id="tabs-1">
<p>123123</p>
</div>
</div>
|
тут все работет, кроме index.html, именно там располагается таблица jqGrid http://www.trirand.com/blog/?page_id=6
| Код |
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Использование jqGrid</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="использование jqGrid" />
<meta name="keywords" content="jqGrid, javascript, jquery" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/steel/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
</head>
<body>
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="jquery.jqGrid.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
url:'getdata.php',
datatype: 'json',
mtype: 'POST',
colNames:['#', 'Фамилия', 'Имя', 'Отчество'],
colModel :[
{name:'id', index:'id', width:30}
,{name:'surname', index:'surname', width:80, align:'right'}
,{name:'fname', index:'fname', width:90}
,{name:'lname', index:'lname', width:80, align:'right'}
],
pager: jQuery('#pager'),
rowNum:5,
rowList:[5,10,30],
sortname: 'id',
sortorder: "asc",
viewrecords: true,
imgpath: 'themes/basic/images',
caption: 'Данные пользователей'
});
});
</script>
</body>
</html>
|
появляется только серая полоса, сама таблица не грузится. заметил, что именно так же она отображается если просто запустить файл, не из под сервера.
в чем тут проблема?
Заранее благодарю за помощь! |