Jquery 在div中加载内容而不显示样式和脚本

Jquery 在div中加载内容而不显示样式和脚本,jquery,ajax,Jquery,Ajax,我有一个使用ajax加载不同页面的页面。但另一个使用一些脚本来转换灰度图像效果。 问题是当它尝试加载时,没有显示效果 例如: 在我的主页中: $(function(){ $("#family").click(function () { $("#proyects").load('family.html'); }); }); 把内容放在这里 <div class="ten columns content" id="proyects"> </div> 另一个页

我有一个使用ajax加载不同页面的页面。但另一个使用一些脚本来转换灰度图像效果。 问题是当它尝试加载时,没有显示效果 例如:

在我的主页中:

$(function(){
$("#family").click(function () {
    $("#proyects").load('family.html');
});
});
把内容放在这里

<div class="ten columns content" id="proyects">

</div>

另一个页面加载灰度效果,单独工作很好,但当使用ajax加载时,不会显示效果

<script src="js/jquery.min.js" type="text/javascript"></script> 
<script src="js/gray.js" type="text/javascript"></script>

    <section id="content">
        <article class="item">
        <a href="#"><img src="images/proyecto1.jpg" height="223" width="327"></a>
         </article>
             </section>


我不熟悉这个类,但它听起来像是在页面加载之后,但在图像通过ajax加载之前加载gray.js脚本。

我不熟悉这个类,但它听起来像是在页面加载之后加载gray.js脚本,但是在通过ajax加载图像之前。

我对加载ajax不太熟悉,但我有一些理论


是否gray.js没有加载到family.html加载到的页面上?或者如果多次调用jQuery(在加载family.html页面上调用一次,在family.html中调用一次),可能会导致一些问题。

我对加载AJAX不太熟悉,但我有一些理论


是否gray.js没有加载到family.html加载到的页面上?或者,如果多次调用jQuery(在加载family.html的页面上调用一次,在family.html中调用一次),可能会导致一些问题。

根据您的代码示例,加载页面时没有
#family
标记,因此进行
单击()
调用不会绑定到任何内容。如果在页面加载后填充了
#family
,则应使用
on('click')
调用,该调用在DOM元素实际加载到页面时执行适当的事件绑定。我还建议使用有利于
load()
的方法来正确处理AJAX请求

换句话说

$(function(){
    $(document).on('click', '#family', function (event) {
        $.ajax({
            url: '/path/to/family.html'
          , dataType: 'html'
        }).done(function (data) {
            $('#proyects').append(data);
        }); 
    });
});

根据您的代码示例,加载页面时没有
#family
标记,因此进行
单击()
调用不会绑定任何内容。如果在页面加载后填充了
#family
,则应使用
on('click')
调用,该调用在DOM元素实际加载到页面时执行适当的事件绑定。我还建议使用有利于
load()
的方法来正确处理AJAX请求

换句话说

$(function(){
    $(document).on('click', '#family', function (event) {
        $.ajax({
            url: '/path/to/family.html'
          , dataType: 'html'
        }).done(function (data) {
            $('#proyects').append(data);
        }); 
    });
});

删除您正在加载的页面上的
jquery.min.js
,然后将
gray.js
移动到内容之后。删除页面family.html上的jquery.min.js,并在我的主页中的内容之后移动gray.js,但什么都没有发生删除您正在加载的页面上的
jquery.min.js
,然后将
gray.js
移到页面family.html上的content.removed jquery.min.js之后,并将gray.js移到主页中的内容之后,但什么都没有发生我对jquery很新,我怎么能这样做呢?谢谢,这样做很好……现在我在页面中加载flex滑块时遇到问题,无法工作。。但是thanxim对jquery来说真的很新,我如何才能做到这一点呢?谢谢,这样做很好…现在我在加载页面中的flex滑块时遇到了一个问题无法工作。。但是thanx