2015-05-11 118 views
-1

如果用户点击第一个按钮,第二个按钮会显示出来,如果用户点击第二个按钮,操作将被调用。我怎样才能做到这一点?欣赏。如何将点击事件放入点击事件jquery中?

$('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

你应该把集团公司第一时可见\启用第二个按钮。

$('#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/