php - 加载 AJAX 页面后调用 Javascript 函数

Question

我不是程序员，所以如果我的问题没有多大意义，我深表歉意。

但基本上我有一个页面 index.php，它有一组过滤器(按元素、年、月)，在按下提交后将变量发送到 filterData.php 以用于某些 SQL 语句。

结果以图像缩略图表格的形式返回到 index.php 中的一个 div。我想要做的是拥有它，以便当用户单击图像时，边框颜色将更改以突出显示当前对象。

<script type="text/javascript">
$(document).ready(function () {
    $('.thumbnail_small').click(function(){
        $(this)
            .css('border-color','#000')
            .siblings()
            .css('border-color','#ccc');
    });
});
</script>

^ 这是我现在拥有的脚本，如果缩略图表被硬编码到 index.php 中，它就可以工作。一旦我通过 filterData.php 加载了表，它就不再工作了。

这是什么原因，我该如何解决？

Answer 1

Once I have the table loaded through filterData.php, it doesn't work anymore.

使用live或更好 on取决于您使用的 jQuery 版本:

$('#mainContainer').on('click', '.thumbnail_small', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

或者

$('.thumbnail_small').live('click', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

对于稍后添加或动态添加的元素，您必须使用live 或on。