javascript - 使用 jQuery 的两步过程

Question

这是流程：

用户需要单击指向 google.com 的链接，然后单击<p>标签之间的文本（没有特定的顺序，但必须同时执行这两个操作）。

如果他执行上述操作，当他点击 pic.png 时，他会转到 yahoo.com。

否则，他会收到警报。

到目前为止，这是我的尝试

http://jsfiddle.net/p8epF/

Answer 1

使用jquery 承诺可以轻松完成您需要的工作：http : //jsfiddle.net/zerkms/WXVPf/1/

var yahoo = $('#yahoo'),
    googleClicked = $.Deferred(),
    textClicked = $.Deferred();

yahoo.on('click', function() {
    alert('you need to click google and some text');
});

$('#google').on('click', function() {
    googleClicked.resolve();
});

$('p').on('click', function() {
    textClicked.resolve();
});

$.when(googleClicked, textClicked).done(function() {
    yahoo.off('click')
         .on('click', function() {
             alert('you have finished this strange quest successfully');
         });
});

​

对于那些还没有使用的人$.Deferred- 有一篇很棒的文章：http: //joseoncode.com/2011/09/26/a-walkthrough-jquery-deferred-and-promise/

Answer 2

尝试这个：

<a id="postos" href="http://google.com">eeee</a>
<p id="click">please click</p>
<a id="linkos"><img src="pic.png"></a>​

JS

$(function(){
    var clicked = false;

    $("#linkos").on("click", function(){
        if (clicked) {
           window.location = 'http://google.com';
        } else {
           alert("Not clicked!");
        }        
    });


    $("#click").on("click", function(){
        clicked = true;     
    });

})

演示：http: //jsfiddle.net/Ef7ZT/