Question

我希望在我的Rails 4应用程序中加载带有类的特定div时调用一些JS函数。

＆＃13;

<div class="myClass">
  hello world
</div

＆＃13;

如何在加载此div时调用某些js代码。

Answer 1

你能做的就是检查div是否每隔几秒加载一次，直到它被加载。

$(document).ready(function(){
    checkDiv();
});

function checkDiv () {
  if($('#myDiv').is(':visible'))){ 
    // what you whant
  } else {
    setTimeout(checkDiv, 50); //wait and try again. 
  }
}

我希望它有所帮助。

Answer 2

我不认为，它与rails相关

可以有两种方法：

1：在你的html DIV下面写一个JS代码

<div class="myClass">
  hello world
</div
<script type="text/javascript">
yourfuncion();
</script>

2：文档准备就绪时调用函数，如：

$(document).ready(function(){
    yourfuncion();
});

Answer 3

您可以绑定到DOMNodeInserted以检查何时加载某个元素。

示例：

$(document).on('DOMNodeInserted', function(event){
  if($(event).hasClass("myClass")){
    // do something
  }
});

如果您的网页很大，请谨慎使用，因为这会导致性能问题。 Alternative to DOMNodeInserted

在Rails 4中加载特定div时调用JS

3 个答案: