Firefox で次のエラーが発生しました: TypeError: $("#main-CNTR").on is not a function. そして、このコードはまったく機能しません:
$(document).ready(function(){
$('#main-CNTR').on('mouseenter','.social_span',function(){
alert("INSIDE");
});
$('#main-CNTR').on('mouseleave','.social_span',function(){
alert("OUTSIDE");
});
});
HTML部分はこれ
<span class="social_span"></span>
<div class="row clearfix" style="display:none;">
<ul class="social-buttons cf">
<li>1</li>
</ul>
</div>
マウスがスパンに入ると、メッセージが表示され、次の div が表示されます。明らかに、div#main-CNTR はメイン コンテンツ コンテナ div であり、HTML スニペットはページ内で数回繰り返されます。
live メソッドは正しく機能しますが、ie8 では機能しません。
$('.social_span').live('mouseenter',function(){
alert("INSIDE");
});
$('.social_span + .row').live('mouseleave',function(){
alert("OUTSIDE");
});
誰でも私を助けることができますか?ありがとう!
<script type="text/javascript" src="/js/libs/modernizr-2.5.3.min.js"></script>
<script type="text/javascript" src="/js/jQuery/engine/core8.js"></script>
<script type="text/javascript" src="/js/jQuery/engine/ui.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.easing.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.fancybox.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.li-scroller.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.reflection.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="/js/jQuery/plugin/jquery.selectbox.js"></script>