页面在jquery加载函数上不能正常工作
页面在jquery加载函数上不能正常工作
提问于 2016-06-26 05:58:28
我有这个脚本。
<script type="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
$("#image_results").load('/gallary1.php');
});
});
</script>当我单击发送按钮时，它应该会将gallary1.php加载到image_results <Div>中，但是它不能正确加载它？
如果我只是在<Div>中使用include_once("gallary1.php")；命令，那么它将正确显示。我猜脚本以某种方式更改了代码，但不知道是如何更改的。
下面是我试图加载的php页面。
$gallary="";
$gallary.='
<div class="content">
<div id="rg-gallery" class="rg-gallery">
<div class="rg-thumbs">
<div class="es-carousel-wrapper">
<div class="es-nav">
<span class="es-nav-prev">Previous</span>
<span class="es-nav-next">Next</span>
</div>
<div class="es-carousel">
<ul>
<li><a href="#"><img src="images/thumbs/1.jpg" data-large="images/1.jpg" alt="image01" data-description="From off a hill whose concave womb reworded" /></a></li>
<li><a href="#"><img src="images/thumbs/2.jpg" data-large="images/2.jpg" alt="image02" data-description="A plaintful story from a sistering vale" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>';
echo $gallary;任何帮助都将不胜感激。此外，如果有任何更多的信息，我需要提供，请让我知道。
我发现如果我通过include加载gallary1.php，那么得到的html是：
<div class="content">
<div id="rg-gallery" class="rg-gallery"><div class="rg-view"><a href="#" class="rg-view-full"></a><a href="#" class="rg-view-thumbs rg-view-selected"></a></div>
<div class="rg-thumbs">
<div class="es-carousel-wrapper">
<div class="es-nav">
<span class="es-nav-prev">Previous</span>
<span class="es-nav-next">Next</span>
</div>
<div class="es-carousel">
<ul style="width: 154px; display: block; margin-left: 0px;">
<li class="selected" style="margin-right: 3px; width: 69px;"><a href="#" style="border-width: 2px;"><img src="http://www.fyom.16mb.com/images/thumbs/1.jpg" data-large="images/1.jpg" alt="image01" data-description="From off a hill whose concave womb reworded"></a></li>
<li style="margin-right: 3px; width: 69px;"><a href="#" style="border-width: 2px;"><img src="http://www.fyom.16mb.com/images/thumbs/2.jpg" data-large="images/2.jpg" alt="image02" data-description="A plaintful story from a sistering vale"></a></li>
</ul>
</div>
<div class="es-nav"><span class="es-nav-prev" style="display: none;">Previous</span><span class="es-nav-next" style="display: none;">Next</span></div></div>
</div>
<div class="rg-image-wrapper"> <div class="rg-image-nav"> <a href="#" class="rg-image-nav-prev">Previous Image</a> <a href="#" class="rg-image-nav-next">Next Image</a> </div> <div class="rg-image"><img src="images/1.jpg"></div> <div class="rg-loading" style="display: none;"></div> <div class="rg-caption-wrapper"> <div class="rg-caption" style=""> <p>From off a hill whose concave womb reworded</p> </div> </div> </div></div>
</div>但是，当通过脚本加载时：
<div class="content">
<div id="rg-gallery" class="rg-gallery">
<div class="rg-thumbs">
<div class="es-carousel-wrapper">
<div class="es-nav">
<span class="es-nav-prev">Previous</span>
<span class="es-nav-next">Next</span>
</div>
<div class="es-carousel">
<ul>
<li><a href="#"><img src="images/thumbs/1.jpg" data-large="images/1.jpg" alt="image01" data-description="From off a hill whose concave womb reworded"></a></li>
<li><a href="#"><img src="images/thumbs/2.jpg" data-large="images/2.jpg" alt="image02" data-description="A plaintful story from a sistering vale"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>因此，有些东西没有被接收到。然而，当正确加载的页面继承了其他格式时，它会显示我回显出来的内容。
回答 4
Stack Overflow用户
发布于 2016-06-26 06:16:01
您可以使用.html代替php，因为html echoed中似乎没有包含来自php的动态数据
gallary1.html
<div class="content">
<div id="rg-gallery" class="rg-gallery">
<div class="rg-thumbs">
<div class="es-carousel-wrapper">
<div class="es-nav">
<span class="es-nav-prev">Previous</span>
<span class="es-nav-next">Next</span>
</div>
<div class="es-carousel">
<ul>
<li><a href="#"><img src="images/thumbs/1.jpg" data-large="images/1.jpg" alt="image01" data-description="From off a hill whose concave womb reworded" /></a></li>
<li><a href="#"><img src="images/thumbs/2.jpg" data-large="images/2.jpg" alt="image02" data-description="A plaintful story from a sistering vale" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>javascript
$(document).ready(function(){
$("#send").click(function(){
$("#image_results").load("gallary1.html");
});
});plnkr http://plnkr.co/edit/VN5KUgrXpZtrkCAKr2I6?p=preview
Stack Overflow用户
发布于 2016-06-26 06:27:17
假设您确实加载了html (在多次请求澄清后仍不清楚)……我相信您涉及到某种转盘插件，您需要在load callback中初始化新的html
$("#send").click(function(){
$("#image_results").load("gallary1.html", function(){
// new html now exists, iniitlaize plugin now
$(this).myCarouselPlugin();
});
});Stack Overflow用户
发布于 2016-06-26 08:14:55
您可以尝试这样做：
<script type="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
$.get('/gallary1.php', function(result) {
$("#image_results").html(result);
})
});
});
</script>`在你的gallary1.php中
//echo your html here或者第二种方式：
你的gallary1.php
require_once('content.php');然后创建content content.php的另一个php文件
//your html here, don't have to use echo页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38033322
复制相关文章
相似问题
腾讯云开发者
