Я хочу опубликовать фотогалерею с другой страницы в правой части страницы.
В верхней части страницы находится мое меню, а затем с левой стороны - ссылки на страницу.
Когда пользователь нажимает на левую ссылку, я хочу, чтобы галерея загружалась в правый тег погружения.
Я могу заставить его загружаться один раз, а потом не снова, когда нажимаю другую ссылку. Я должен обновить страницу, чтобы она снова заработала. Ниже приведен код, с которым я играл и не повезло.
Я могу заставить его загрузиться на новую страницу, а затем вернуться и щелкнуть другую ссылку, в которой она обновила страницу, но я не хочу этого делать. Я просто хочу отобразить на той же странице в определенном разделе. Есть идеи или обходные пути для этого?
<html>
<head>
<title>Gratiot County, Michigan Genealogy Trails</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css? family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>
<script src="http://code.jquery.com/jquery-1.4.min.js" type="text/javascript"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#AlmaGallery").click(function(){
$('#result').load('AlmaGallery.html');
});
$("#IthacaGallery").click(function(){
$('#result').load('IthacaGallery.html');
});
$("#StLouisGallery").click(function(){
$('#result').load('StLouisGallery.html');
});
$("#AshleyGallery").click(function(){
$('#result').load('AshleyGallery.html');
});
$("#BreckenridgeGallery").click(function(){
$('#result').load('BreckenridgeGallery.html');
});
});
</script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body class="homepage">
<!-- Header -->
<div class="container">
<!-- Header -->
<!-- Main -->
<div id="main">
<div class="container">
<div class="row">
<!-- Sidebar -->
<div id="sidebar" class="4u">
<section>
<header>
<h2>Cities and Villages</h2>
</header>
<div class="row">
<section class="6u">
<ul class="default">
<li><a id=AlmaGallery href="#">Alma</a></li>
<li><a id=IthacaGallery href="#">Ithaca</a></li>
<li><a id=StLouisGallery href="#">St. Louis</a></li>
</ul>
</section>
<section class="6u">
<ul class="default">
<li><a id="AshleyGallery" href="#">Ashley</a></li>
<li><a id="BreckenridgeGallery" href="#">Breckenridge</a></li>
<li><a id="PerrintonGallery" href="#">Perrinton</a></li></ul>
</section>
</div>
</section>
</section>
</div>
<!-- Content -->
<div id="content" class="8u skel-cell-important">
<section>
<header>
<h2>Photo Gallery</h2>
</header>
<div id="result" style="clear:both;">
</section>
</div>
</div>
</div>
</div>
</body>