1

我正在构建这个网页，我希望新闻出现在 jquery.modal 中，但具有共享功能，这意味着使用 URL。我为解决方案找到了 PJAX，然后我想将链接放在 URL 中并在模式窗口中显示内容。经过几天的谷歌搜索，我偶然发现了这一点，如果您单击该页面，它会以模式打开，但会显示 URL，但我找不到它是如何工作的。这是链接：http ://rigaspots.blogspot.com/

这是我的代码。

<link rel="stylesheet" href="../jquery.modal.css">
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.pjax.js"></script>
<script src="../js/jquery.modal.js"></script>
<script type="text/javascript">


var direction = "right";
$(document).ready(function(){
$('a').pjax({
container: '.modal'
});

$('.modal').on('pjax:start', function() {
  $(this).addClass('loading')
})

$('.modal').on('pjax:end', function() {
  $(this).removeClass('loading')
})


});


</script>

<style> 

#main {
  font-family:Helvetica,Arial,sans-serif;   
  width:30%;  
  opacity: 1;
  transition: opacity 0.20s linear;
}

#main.loading {
   opacity: 0.5;
}   
h2 {margin-left:200px;}
   ul{padding-left:15px; list-style:none;}
</style> 

</head>
<body>
<p ><strong style='color:green'> 2012-10-25 16:52:13</strong> (Time should only change on     refresh!)</p><div id="main">
<h1>PJAX using PHP</h1>

<ul class='header'>
  <li><a href='trex.php' data-pjax='modal' rel="modal:open">Tyrannosaurus</a></li>
  <li><a href='kong.php' data-pjax='modal' rel="modal:open" >King Kong</a></li>
</ul>
</div>

你可以在这里看到它：http: //supervalters.mplab.lv/source/

任何帮助，将不胜感激。谢谢。

4

0 回答 0