Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 513
1

JavaScript + обработка событий

02.03.2016, 11:21. Просмотров 534. Ответов 4
Метки нет (Все метки)


Доброго времени суток может кто подскажет где я ошибся
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js">
</script> <script type="text/javascript">
function SendGet()  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':1} })
            . done(function(){
             var button = document.getElementById ("button");
             button.removeEventListener("click",SendGet);
             button.addEventListener("click",SendGet_open);
            });}
 function SendGet_open()  {
  $.ajax({ type:'get',
            url:'open_nlc.php',
            data:{'nlc':1} })
            .done(function(){
             var button = document.getElementById ("button");
             button.removeEventListener("click",SendGet_open);
             button.addEventListener("click",SendGet);
            });}
 
</script>
<meta charset="utf-8">
<button id="button" onclick="SendGet()">Decrease</button>
при повторном нажатии не срабатывает function SendGet_open()
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.03.2016, 11:21
Ответы с готовыми решениями:

Обработка ajax событий
Здравствуйте. Есть айджакс запрос var ajaxrez = false; $('#button_save').click(function() ...

Обработка событий click
Здравствуйте, есть поле для настольной игры, подскажите, как сделать обработку клика для...

Обработка событий без очереди
Скажите пожалуйста, сделал анимацию на несколько блоков, и образуется очередь, если быстро мышкой...

Метод .on() и делегированная обработка событий
Есть 3 div'а. В каждом div'е 1 таблица. Первый div с таблицей имеют данные при загрузке страница....

4
82 / 82 / 38
Регистрация: 15.03.2013
Сообщений: 280
02.03.2016, 17:23 2
У меня на самом деле наблюдается другое поведение:
  1. при первом нажатии вызывается SendGet()
  2. при втором: SendGet() и SendGet_open()
  3. при третьем: SendGet() и SendGet()

то есть, все работает корректно, кроме того, что обработчик установленный через onclick не удаляется.
0
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 513
03.03.2016, 06:25  [ТС] 3
а как исправить что бы при
первом нажатии сработало SendGet()
при втором SendGet_open()
при третьем SendGet()
при четвертом SendGet_open()
вообщем что бы они менялись
0
Hello Kitty
688 / 561 / 401
Регистрация: 12.02.2016
Сообщений: 1,436
Записей в блоге: 1
03.03.2016, 07:03 4
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$.fn.hook_se = function( fun ) {
    $(this).
        off("click.qwerasdf").
        on( "click.qwerasdf" , function() {
            fun();
        } );
}
 
function SendGet()  {
    $.ajax({ 
        type:'get',
    url:'close_nlc.php',
    data:{
            'nlc':1
        } 
    }).done(function(){
        $("#button").hook_se( SendGet_open );   
    });                     
}
 
function SendGet_open()  {
    $.ajax({ type:'get',
        url:'open_nlc.php',
        data:{
            'nlc':1
        } 
    }).done(function(){
        $("#button").hook_se( SendGet );
    });
}
 
$("#button").hook_se( SendGet );
1
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 513
03.03.2016, 08:02  [ТС] 5
спасибо все работает можно еще вопрос
если у меня этих кнопок одинаковых будет ну скажим 100
PHP
1
<button id="button" onclick="SendGet()">Decrease</button>
PHP
1
<button id="button" onclick="SendGet()">Decrease</button>
PHP
1
<button id="button" onclick="SendGet()">Decrease</button>
.....
данная конструкция будет работать
по отдельности для каждой кнопки

Добавлено через 4 минуты
т.е. если вот так
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js">
</script> <script type="text/javascript">
$.fn.hook_se = function( fun ) {
    $(this).
        off("click.qwerasdf").
        on( "click.qwerasdf" , function() {
            fun();
        } );
}
 
function SendGet(nlc)  {
    $.ajax({ 
        type:'get',
    url:'close_nlc.php',
    data:{
            'nlc':nlc
        } 
    }).done(function(){
        $("#button").hook_se( SendGet_open );   
    });                     
}
 
function SendGet_open(nlc)  {
    $.ajax({ type:'get',
        url:'open_nlc.php',
        data:{
            'nlc':nlc
        } 
    }).done(function(){
        $("#button").hook_se( SendGet );
    });
}
 
$("#button").hook_se( SendGet );
</script>
<meta charset="utf-8">
<button id="button" onclick="SendGet(1)">Decrease</button>
<button id="button" onclick="SendGet(2)">Decrease</button>
<button id="button" onclick="SendGet(3)">Decrease</button>
Добавлено через 2 минуты
она работает в одну сторону срабатывает только SendGet

Добавлено через 2 минуты
вот так вот работает но на сколько это правильно
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js">
</script> <script type="text/javascript">
$.fn.hook_se = function( fun ) {
    $(this).
        off("click.qwerasdf").
        on( "click.qwerasdf" , function() {
            fun();
        } );
}
 
function SendGet(nlc)  {
    $.ajax({ 
        type:'get',
    url:'close_nlc.php',
    data:{
            'nlc':nlc
        } 
    }).done(function(){
        $("#button").hook_se( SendGet_open(nlc) );   
    });                     
}
 
function SendGet_open(nlc)  {
    $.ajax({ type:'get',
        url:'open_nlc.php',
        data:{
            'nlc':nlc
        } 
    }).done(function(){
        $("#button").hook_se( SendGet(nlc) );
    });
}
 
$("#button").hook_se( SendGet );
</script>
<meta charset="utf-8">
<button id="button" onclick="SendGet(1)">Decrease</button>
<button id="button" onclick="SendGet(2)">Decrease</button>
<button id="button" onclick="SendGet(3)">Decrease</button>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.03.2016, 08:02

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Обработка событий получения и потери фокуса
код аписал такой: $(document).ready(function(){ $(&quot;#login&quot;).bind({ ...

JavaScript + обработка событий
Доброго времени суток может кто подскажет где я ошибся &lt;script type=&quot;text/javascript&quot;...

JavaScript обработчики событий
Здравствуйте. У меня есть код на JavaScript, где при прохождении мышки над картинкой, меняется ее...

Обработка событий IE
Как, создав окно IE из другого окна при помощи new ActiveXObject или CreateObject, назначить ему...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.