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

@inetinf · Регистрация: 29.07.2014

Доброго времени суток может кто подскажет где я ошибся

HTML5

<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()

@Svid_off · 02.03.2016, 17:23

У меня на самом деле наблюдается другое поведение:

при первом нажатии вызывается SendGet()
при втором: SendGet() и SendGet_open()
при третьем: SendGet() и SendGet()

то есть, все работает корректно, кроме того, что обработчик установленный через onclick не удаляется.

@inetinf · 03.03.2016, 06:25 **[ТС]**

а как исправить что бы при
первом нажатии сработало SendGet()
при втором SendGet_open()
при третьем SendGet()
при четвертом SendGet_open()
вообщем что бы они менялись

@WhiteMind · 03.03.2016, 07:03

Javascript

$.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 );

@inetinf · 03.03.2016, 08:02 **[ТС]**

спасибо все работает можно еще вопрос
если у меня этих кнопок одинаковых будет ну скажим 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

<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

<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>

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

@inetinf 0 / 0 / 8 Регистрация: 29.07.2014 Сообщений: 513
	03.03.2016, 06:25 [ТС]	3
	а как исправить что бы при первом нажатии сработало SendGet() при втором SendGet_open() при третьем SendGet() при четвертом SendGet_open() вообщем что бы они менялись 0

Опции темы