Question

我一直想知道为什么以下jquery脚本不会每5秒运行一次。

DIV的正确高度＆＃34; .leistung＆＃34; （有多个＆＃34; .leistung＆＃34; div具有不同长度的文本，这就是为什么每个块必须具有相同的高度）在负载上应用。但由于某种原因，该功能不会每五秒钟运行一次。有谁知道为什么会这样？

<section class="leistung">
        <div class="leistung-image">
            <img src="http://www.myfico.com/Images/sample_overlay.gif"/>
            <div class="leistung-image-titel">
                <span>Title</span>
            </div>
        </div>
    <div class="leistung-teaser">
        Some more text
    </div>
</section>


<script>
    var maxHeight = 0;

    window.setInterval(function(){
        $('.leistung').each(function(){
            var thisH = $(this).height();
            if (thisH > maxHeight) { maxHeight = thisH; }
        });
        $('.leistung').height(maxHeight);
    }, 5000);
</script>

Answer 1

由于OP使用each进行循环，并且由于没有任何其他具有类名leistung的元素，因此我不认为他只想采用<section class="leistung">元件。所以我假设他想要选择名称以leistung开头的所有元素。

<script>
    var maxHeight = 0;

    window.setInterval(function(){
        //added ^ selector here 
        $("[class^=leistung]").each(function(){
            var thisH = $(this).height();

            if (thisH > maxHeight) { maxHeight = thisH; }
            console.log(maxHeight);
        });
        // and here
        $("[class^=leistung]").height(maxHeight);
    }, 1000);
</script>

Answer 2

我发现了我的问题。我每隔5秒才运行一次功能。但是当高度设置一次后，它将再次获取设置高度并再次设置...

我将不得不提出一些其他方法来解决我的问题

jQuery脚本没有刷新

2 个答案: