Slyweb
На разработку сайта! Скидки 50%!

Не работает метод on. Помогите разобраться ).

Здесь обсуждается всё, что касается jQuery

Не работает метод on. Помогите разобраться ).

Сообщение SergeiIv » 03 дек 2013, 13:36

В index.html:
Код: Выделить всё
<div class="d_news">
    <div id="snews" class="news-wrapper">
    </div>
</div>   
<script type="text/javascript" src="/lib_iv/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/lib_iv/ppp.js"></script>
<script type="text/javascript">
     $(document).ready(function () {
          $('#snews').dnews({ controls: true });
        });
</script>
<!---
<p>rrrrrrrrrrrrr</p>
-->

В ppp.js
Код: Выделить всё
(function($) {
    $.fn.extend({
         dnews: function(options) {
                  var click_left=function(){alert('1');};
                  controlbar = $('<div/>').addClass('control_my-bar').append($('<div/>').addClass('controls_my-wrapper'));
                  $(this).after(controlbar);
                  next = $('<div/>').addClass('next');
                  controlbar.append(next);
                  next.on('click', click_left);
         }
    });
})(jQuery);

Так вот, если как есть, то событие click для next срабатывает.
Если я уберу комментарии в index.html, то нет.
Ничего не пойму. Подскажите, пожалуйста, в чём тут дело )?
SergeiIv
 
Сообщения: 3
Зарегистрирован: 03 дек 2013, 12:55

Re: Не работает метод on. Помогите разобраться ).

Сообщение admin » 03 дек 2013, 14:00

У меня работает:

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="ru-ru"
lang="ru-ru" >

<head>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="ppp.js"></script>

</head>


<body>
<style>
.next {
width:250px;
height:250px;
}
</style>
   <div class="d_news">
      <div id="snews" class="news-wrapper">
      
      </div>
   </div>   

   <script type="text/javascript">
       $(document).ready(function () {
           $('#snews').dnews({ controls: true });
         });
         


   </script>
   <!---
   <p>rrrrrrrrrrrrr</p>
   -->
</body>

</html>
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Не работает метод on. Помогите разобраться ).

Сообщение SergeiIv » 03 дек 2013, 14:21

Так комментарии в index.html (<!--<p>rrrrrrrrrrrrr</p>-->) надо убрать ). Тогда не работает
SergeiIv
 
Сообщения: 3
Зарегистрирован: 03 дек 2013, 12:55

Re: Не работает метод on. Помогите разобраться ).

Сообщение admin » 03 дек 2013, 14:33

И с комментариями и без комментариев работает.
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Не работает метод on. Помогите разобраться ).

Сообщение SergeiIv » 03 дек 2013, 14:56

Да, действительно. Пробный пример не удачно составлен. А "корни" отсюда:
http://www.egrappler.com/rss-driven-dyn ... amic-news/

Если после дивов поставить любой тег (к примеру <p>ooooo</p>), то события по кнопкам (вперёд/назад/стоп/плей) перестают работать.
SergeiIv
 
Сообщения: 3
Зарегистрирован: 03 дек 2013, 12:55


Вернуться в Всё о jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron