Question

我使用此脚本Jquery仅显示由css隐藏的列表的一个类别：

    <script language="javascript">
$(document).ready(function(){
    $('span')
  .filter(function(){ return $(this).text() == 'vendu'; })
  .css('display','block');
  });
</script>

它适用于已加载的元素。

有没有办法在尚未加载的元素上应用脚本？当用户沿着投资组合页面下载时，下一个图像正在加载（无限滚动）

也许.on功能可以解决这个问题，但我不能让它起作用

感谢您的帮助！我在JQuery中很新，所以要善待我;）

Answer 1

将代码放入函数中，并在每次更新元素时调用函数

例如：

<script language="javascript">
  function showOnlyOneCategory(){
      $('span')
         .filter(function(){ return $(this).text() == 'vendu'; })
         .css('display','block');
  } 
  $(document).ready(function(){
      showOnlyOneCategory(); // at loading and use it after each update
  });
</script>

Answer 2

谢谢，我终于找到了一个令人满意的解决方案：

$(".portfolio-container").bind("DOMSubtreeModified", function() {
     $('span')
  .filter(function(){ return $(this).text() == 'vendu'; })
  .css('display','block');
  });

当dom中的某些内容发生变化时，它会应用我的脚本

对尚未加载的元素

2 个答案: