javascript - 双条件jQuery函数事件

Question

如何指定第二个条件，该条件要求用户不仅要单击链接，还要单击 div 之间的区域才能转到landing.html？

<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 

<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function () {

        $("#postos").click(function() { 
            $("#linkos").attr('href', 'landing.html');
        });

        $('#clickdiv div').click(function () { 
            $("#linkos").attr('href', 'landing.html');
        });

    });


</script>

<a id="postos" href="#"></a>

<div id="clickdiv">please click</div>

<a id="linkos" href='javascript:window.alert("click the link and div");'><br/><img src="pic.png"></a>

Answer 1

我强烈建议您以不同的方式进行此操作。以这种方式使用 div 会导致糟糕的设计；更不用说，强迫用户点击多个元素感觉很笨重和乏味。

但是，我已经为您提供了如何执行此操作的示例：http: //jsfiddle.net/2q3SQ/27/。

我还为您提供了另一个可能更有用的示例：http: //jsfiddle.net/2q3SQ/28/

链接（可能有用）：

• http://code.google.com/edu/submissions/html-css-javascript/