jquery - jquery在chrome控制台中工作而不是在页面中

Question

我有一个简单的 jquery 函数，它删除了第一类。问题是当我在网站中使用脚本时它不起作用，但是在控制台（chrome）中运行脚本时它工作正常

有任何想法吗？

$(document).ready(function() {
  jQuery('.instagram-placeholder:first').hide();
});

http://akvesterberg.se/

Answer 1

如果我错了，请纠正我，但看起来你正在通过 ajax 加载照片。

基本上，在加载图像之前调用 document.ready()，因此无法隐藏任何图像。

您应该将方法调用放在 script.js 中的 success() 函数中

Answer 2

在您判断您的代码是否不起作用之前，请尝试在页面底部简化您的代码文件，如下所示：

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="jquery.colorbox-min.js"></script> 
    <script src="js/script.js"></script>
    <script>
        $(document).ready(function() 
        {
            $('.instagram-placeholder:first').remove();
        });
    </script>
</body>
</html>

这是加载脚本的首选方法。此外，您不应该真正使用内联 js。最后一部分应该在您的script.js文件中。

Answer 3

试试这个，这是用计数器完成的，这也适用于您的网站

var counter=0
$('.instagram .instagram-placeholder').each(function(){
if(counter==0)
$(this).hide();
counter++;
});