Question

我的JSP页面中有一个图像。我需要在点击该图像时调用jquery函数。请帮帮我!!

JSP页面看起来像，

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

脚本标记内的我的jquery函数看起来像

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

但剧本不起作用!!任何人都可以帮助调用图像上的功能点击..

Answer 1

您缺少报价.. $('#closeAuction')

将$('#closeAuction)更改为$('#closeAuction')

此外，您需要将其放入新脚本

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

Answer 2

您错过了结束语，还需要将代码放在自己的脚本块中。试试这个：

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

你是否有一个特定的原因使用这样一个过时的jQuery版本？您应该尝试升级到1.8.3。

Answer 3

将$('#closeAuction)替换为$('#closeAuction')

由于

Answer 4

您不能将代码放在用于加载外部资源的script标记内。

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

如何在图像点击上调用jquery函数

4 个答案: