javascript - 二重条件付き jQuery 関数イベント

Question

ユーザーがリンクをクリックするだけでなく、landing.html に移動するために div 間の領域をクリックすることを要求する 2 番目の条件を指定するにはどうすればよいですか?

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