how to call a jquery function on image click

Question

I've an image in my JSP page. I need to call the jquery function on click of that image. Please help me !!

JSP page look like,

<html>
    <body>
        <input type="image" id="closeAuction" value="Close Auction" align="right" src="images/close_auction.png" onclick="return endAuction();" disabled / > 
    </body>
</html>

My jquery function inside the script tag looks like,

<script src="JS/jquery-1.3.2.min.js">
    $(document).ready(function() {     
        $('#closeAuction').click(function() {
            location.reload();     
        });    
    });
</script>

But the script doesn't work!! Could anyone help on calling a function on image click..

Any code contained in a <script> tag with a src attribute will be ignored — Andy
– Andy, Commented Dec 5, 2012 at 15:20

Selvakumar Arumugam · Accepted Answer · 2012-12-05 15:19:07Z

5

You are missing a quote.. $('#closeAuction')

Change $('#closeAuction) to $('#closeAuction')

Also you need to put it in a new script

<script src="JS/jquery-1.3.2.min.js"></script>
<script type="text/javascript"> //Added new `<script>` tag
   $(document).ready(function() {
     //added missing-v quotes 
     $('#closeAuction').click(function() {
        location.reload();     
     });    
   });    
</script>

answered Dec 5, 2012 at 15:19

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sruthi Over a year ago

sorry i missed the quote while pasting it here, quotes are giving properly in the application. Even though it isn't working !!

Selvakumar Arumugam Over a year ago

@Varsha You need to include it in a new script tags.

Rory McCrossan · Accepted Answer · 2012-12-05 15:19:01Z

3

You're missing a closing quote and you also need to place your code in it's own script block. Try this:

<script src="JS/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {     
        $('#closeAuction').click(function() { // <-- note closing quote on selector.
            location.reload();     
        });    
    });
</script>

Is there a specific reason you're using such an outdated version of jQuery? You should try upgrading to 1.8.3.

answered Dec 5, 2012 at 15:19

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Comments

Rory McCrossan · Accepted Answer · 2012-12-05 15:21:14Z

1

Replace $('#closeAuction) with $('#closeAuction')

Thanks

edited Dec 5, 2012 at 15:21

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

answered Dec 5, 2012 at 15:20

Sridhar Narasimhan

2,6532 gold badges19 silver badges25 bronze badges

Comments

Gabriele Petrioli · Accepted Answer · 2012-12-05 15:22:38Z

0

You cannot put code inside a script tag that is used to load an external resource.

<script src="JS/jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function() {     
    $('#closeAuction').click(function() {
        location.reload();     
    });    
});
</script>

answered Dec 5, 2012 at 15:22

Gabriele Petrioli

197k35 gold badges276 silver badges331 bronze badges

Collectives™ on Stack Overflow

how to call a jquery function on image click

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related