双条件jQuery函数事件

时间:2012-08-28 22:18:26

标签: javascript jquery ajax

如何指定第二个条件,要求用户不仅要点击链接,还要点击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>

1 个答案:

答案 0 :(得分:0)


强烈 建议您采取不同的方式。以这种方式使用divs SCREAMS设计不佳;更不用说,强迫用户点击多个元素感觉笨重而乏味。

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

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

链接(可能有用):