Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
307 views
in Technique[技术] by (71.8m points)

javascript - Double conditional jQuery function event

How do I specify a second condition that requires that the user not only click a link but click in the area between a div in order to go to 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>
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)


I STRONGLY suggest you go about this differently. Using divs in this manner SCREAMS poor design; not to mention, forcing users to click multiple elements feels clunky and tedious.

However, I have provided you an example of how to do so: http://jsfiddle.net/2q3SQ/27/.

I have also provided you with another example that might be more useful: http://jsfiddle.net/2q3SQ/28/

Links (MAY BE USEFUL):


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...