Javascript 页面在jquery加载函数上工作不正常

我有这个剧本

<script type="text/javascript">
$(document).ready(function(){
   $("#send").click(function(){
      $("#image_results").load('/gallary1.php');
   });
});
</script>

$（文档）.ready（函数（）{
$（“#发送”）。单击（函数（）{
$（“#image_results”）.load（'/gallary1.php'）；
});
});

当我单击send按钮时，它应该将gallary1.php加载到图像结果中_results

，但是它没有正确加载吗

如果我只使用一次include_（“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;

$gallary=”“；
$gallary.='
以前的
下一个




';
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>

以前的
下一个
宽度：154px；显示：块；左边距：0px；“>



上下
从一座凹进子宫的山上下来

但是，当通过脚本加载时：

<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>

以前的
下一个

---

所以有些东西没有被捡起来。它显示了我的回音，但是当页面正确加载时，它继承了其他格式。

您必须看到，如果您直接在浏览器中调用gallary1.php，它会给您带来一些东西

您可以查看此文件的chmod（例如755）

如果您的文件位于同一文件夹中，则可以放置：

$("#image_results").load('gallary1.php');//without the /

---

您可以使用

.html

替换

php

，因为

html

echo

中似乎没有包含来自

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>

---

plnkr

假设您确实加载了html（在多次请求澄清后仍然不清楚）。。。我相信你有一些旋转木马插件，你需要在加载回调中的新html上初始化

$("#send").click(function(){
      $("#image_results").load("gallary1.html", function(){
           // new html now exists, iniitlaize plugin now
           $(this).myCarouselPlugin();
       });
});

您可以这样尝试：

<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

require_once('content.php');

//your html here, don't have to use echo

然后创建另一个php文件content

content.php

：

//echo your html here

require_once('content.php');

//your html here, don't have to use echo

---

提供更多信息。浏览器控制台上显示了什么？你的文件夹结构是什么？定义“未正确加载”为什么使用

php

？您可以创建

.html

文档，其中包含

html

内容

echo

ed from

php

我现在已经包含了包含文件和使用.load选项时生成的htlml。这有帮助吗？还不清楚到底是什么问题。你有或没有得到任何填充？如果没有…那么检查浏览器开发工具网络中的实际请求以获取线索..状态，返回的是什么？很抱歉，将有动态数据，我只需要首先正确显示它。是否正确转义了

html

at

php

中的双引号？如果使用include插入文件，一切正常。只有当脚本加载文件时，它才不会加载。什么是

$.get（“/gallary1.php”）。然后（函数（数据）{console.log（数据）}）

log at

console

？“我发现，如果通过include加载gallary1.php，则生成的html是：“

html

在预期结果中似乎包含一个额外的结束标记

谢谢。”。是的，它在同一个文件夹中。我现在已经包含了htlml，它是在我包含文件和使用.load选项时生成的。是的，我正在使用旋转木马插件对不起。当它包括的结果是html显示最后一个问题时，通过脚本我得到了第二个问题的最后一块。假设它不能从旋转木马插件继承，那么我的答案将做需要做的事情。请注意，给出的整个问题描述非常混乱。如果你说你可以看到html，而且它应该以错误的方式充当旋转木马。脚本是最后一个代码块。包括从最后一位算起的第二位。