Question

我有一个带有班级名称的div

 .abc {  
    float: left;  
    height: 90px;    
    margin: 15px 0 0; 
    overflow-y: scroll; 
    width: 100%; 
 }

在我的java脚本文件中我正在调用

    $('.abc').scroll(function(event) {
       alert(111); 
    });

哪个不行。请帮我解决这个问题。

Answer 1

似乎你错过了doc ready块：

$(function(){
    $('.abc').scroll(function(event) {
      alert(111); 
    });
});

Doc ready确保您的DOM已准备好使用javascript中的元素。当你不包装它时，请确保你将javascript代码放在页面底部，这也确保了页面中的所有元素都可用，并且js可以使用它们。

关于Doc ready：

在今天最新浏览器的幕后使用DOMContentLoaded事件，确保dom准备就绪，对于旧版浏览器，我们仍然可以使用load方法。

$(function(){
    $('.abc').scroll(function(event) {
      alert(111); 
    });
});

.abc {
  float: left;
  height: 90px;
  margin: 15px 0 0;
  overflow-y: scroll;
  width: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='abc'>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

scroll（）不适用于div

1 个答案: