1

我有一个使用 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>
4

3 回答 3

1

#family根据您的代码示例，加载页面时没有标签，因此click()调用不会绑定到任何东西。如果#family在页面加载后填充，则应on('click')在 DOM 元素实际加载到页面上时使用执行正确事件绑定的调用。我还建议使用jQuery.ajax方法load()来正确处理 AJAX 请求。

换句话说...

$(function(){
    $(document).on('click', '#family', function (event) {
        $.ajax({
            url: '/path/to/family.html'
          , dataType: 'html'
        }).done(function (data) {
            $('#proyects').append(data);
        }); 
    });
});
于 2012-08-21T21:00:14.033 回答
0

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

于 2012-08-21T20:44:18.223 回答
0

我对加载 AJAX 不太熟悉[一点也不熟悉]，但我有一些理论。

可能是 gray.js 没有加载到 family.html 正在加载的页面上吗？或者，如果 jQuery 被多次调用（一次在加载 family.html 的页面上，一次在 family.html 中），可能会导致一些问题。

于 2012-08-21T20:48:16.187 回答