Не работает scroll, click работает
Совсем замучился. Элемент #div_skndb создан скриптом через append со свойством 'overflow':'scroll' внутри родительского постоянной разметки #divcont. Почему-то 'click' работет, а 'scroll' нет. Никакие комбинации с .live, .bind не помогают. Jquery стоит 1.11.2, плюс jquery-migrate-1.2.1.js.
$('#divcont').on('scroll, click','#div_skndb',function(){ console.log('scroll'); }) Направьте мысль в правильном направлении. |
laaf,
а если вместо scroll -> mousewheel |
Спасибо, но не сработало.
|
$('#divcont').on('scroll click','#div_skndb',function() |
laimas,
:) просмотрел запятую |
Тоже не помогло. Я по отдельности естественно тоже события пробовал. Click работает, scroll нет. Прямо заколдованность какая-то. Ну ведь кто-то сталкивался. Не представляю, как еще пошаманить.
|
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> #as1, #as2 { width: 150px; height: 150px; overflow-y: auto; } </style> <script src="https://code.jquery.com/jquery-1.11.2.js"></script> <script> $(function() { $('#as1').on('scroll click', function() { alert('as1') }) $('#as2').on('scroll, click', function() { alert('as2') }) }); </script> </head> <body> <div id="as1"><p>dsfs</p><p>vcvcxvx</p><p>dsfsdfs</p>pfdfd</p><p>fjksdfls</p><p>dsfsdfs</p>pfdfd</p><p>fjksdfls</p></div> <div id="as2"><p>dsfs</p><p>vcvcxvx</p><p>dsfsdfs</p>pfdfd</p><p>fjksdfls</p><p>dsfsdfs</p>pfdfd</p><p>fjksdfls</p></div> </body> </html> Да вроде бы ничего не просмотрел ) |
Я по отдельности естественно тоже события пробовал. Click работает, scroll нет
События, если указывается несколько, пишутся через пробел, а элементы, которым они задаются, через запятую. Другого способа я не знаю, судя по источнику его и нет. ) |
laaf,
просто у вас разметка не правильная, воможно... <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <style> #divcont { width: 300px; height: 300px; border: 1px dashed #ccc; overflow-y: scroll; } #divcont > div { height: 500px; } </style> <div id="divcont"></div> <script> var divcont = $('#divcont'); $('<div>', { id: 'div_skndb', text: 'inner' }) .appendTo(divcont); divcont.on('scroll click',function(){ alert('scroll'); }); </script> |
Здесь элементы постоянные, присутствуют в разметке html. У меня элемент со скролом создается на лету через append.
Тут ключевое не понятно, как может одно событие работать, а второе нет. |
Часовой пояс GMT +3, время: 20:37. |