Question

以下是流程：

用户需要点击指向google.com的链接，然后点击<p>代码之间的文字（无特定顺序，但必须同时执行这两项操作）。

如果他做了以上操作，当他点击pic.png时，他会去yahoo.com。

否则，他会收到警报。

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

Answer 1

试试这个：

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

Answer 2

您可以使用jquery promises：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/

使用jQuery的两步过程

2 个答案: