2015-05-11 5 views
-1

Если пользователь нажмет первую кнопку, появится вторая кнопка, и если пользователь нажмет на вторую кнопку, действие будет вызываться. Как я могу это достичь? оценить.Как я могу поместить событие click внутри jquery события click?

$('first_click').on('click',function(){ 
 
//second_click button show and some action here 
 
\t $('second_click').on('click',function(){ 
 
     alert('ok'); 
 
     }); 
 

 

 
});

+0

обработчики событий должны быть разделены. Вы все еще хотите, чтобы было вызвано действие второй кнопки, когда вы нажимаете только вторую кнопку, а не на то, когда оба нажаты в основном в одно и то же время. –

ответ

1

Попробуйте что-то вроде этого:

'use strict' 

$(function() { 
    var $button1 = $('#button1'); 
    var $button2 = $('#button2'); 

    $button2.hide(); 

    $button1.on('click', function() { 
     $button1.hide(); 
     $button2.show(); 
    }); 

    $button2.on('click', function() { 
     // your action... 
    }); 
})(); 
0

Вы должны включить видимый \ включен вторую кнопку, когда CLIC первым.

$('#first_click').on('click',function(){ 
    $('#second_click').visible(); 
}); 

А затем код, который вы хотите во второй кнопке.

$('#second_click').on('click',function(){ 
     //code here 
    }); 

Первая кнопка в HTML должен быть как:

+0

'visible()' не является функцией. Попробуйте 'show()'. –

0

Прикрепление действия на кнопки можно сделать в любое время. Просто показать/скрыть вторую кнопку с первым:

$('#first_button').on('click', function() { 
    $('#second_button').show(); 
}); 

$('#second_button').on('click', function() { 
    do_action(); 
}); 

Это предполагает, что ваша вторая кнопка скрыта CSS, чтобы начать с.

0

Обещания - это весело.

$a = $.Deffered(); 
$b = $.Deffered(); 

$('#a').click(function() { 
    $('#b').show();   
    $a.resolve('data'); 
}); 

$('#b').click(function() { 
    $b.resolve({"or":"something"}); 
}); 

$.when($a, $b).done(function(a, b) { 
    //do something 
    console.log(a); 
    console.log(b); 
}); 

Подробнее: http://api.jquery.com/jQuery.when/

Смежные вопросы