双条件jQuery函数事件

Double conditional jQuery function event

本文关键字:事件 函数 jQuery 条件      更新时间:2023-09-26

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


我强烈建议你采取不同的做法。以这种方式使用div会导致糟糕的设计;更不用说,强迫用户点击多个元素感觉既笨拙又乏味。

但是,我为您提供了一个如何做到这一点的示例:http://jsfiddle.net/2q3SQ/27/.

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

链接(可能有用):

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