Jquery 文档加载事件仅偶尔触发

Question

我拼凑了一个简单的函数，可以在某些 Logo 显得高度太大时调整它们的高度。我第一次测试时该代码运行良好。但现在它只适用于每 3 次或 4 次点击。我怀疑这与文档加载功能与图像加载有关，但我不确定。

<script>
// Get on screen image
$( document ).ready(function()

 {
$('#jobcontainer img').each(function() {
      if($(this).height()>50) {
         $(this).addClass('reduceheight')
      }
})

<style>
.reduceheight { width:40%;}
</style>


<table id="jobcontainer" width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr class="dknytliste">
        <td width="138" valign="top" class="dknytliste" style="padding-right:1em;"><p><a href="" class="dknytlink" title=""></a></p></td>
        <td><a href="" class="dknytlink" title=""><img src="" /> </a></td>
    </tr>
    <tr> </tr>
</table>

在这里查看:http://dknyt.dk/forside/index2.php它是右侧的作业容器。

非常感谢您的帮助。

Answer 1

您将代码放入 document.ready ，你应该使用加载:

$(window).on('load', function() {

    $('#jobcontainer img').each(function() {
       if($(this).height()>50) {
         $(this).addClass('reduceheight');
      }
});

此外，您还有一些语法错误。你忘记了;之后.addClass('reduceheight')以及关闭事件文档就绪(现在 $(window).on('load'...)。

此外，您忘记了 </script>关闭。