JQuery FireFox 点击事件

Posted 2023-02-24

【中文标题】JQuery FireFox 点击事件

【英文标题】：JQuery FireFox click event

【发布时间】：2013-10-31 14:37:03

【问题描述】：

我目前正在努力使用 Firefox 中的以下 Jquery 代码。 我的目标是在点击图片时重新加载一个 img src 路径。

html 5

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<a href="#" id="image"><img src="image/image1.jpg"  /></a>

JQuery（最新版）

$(document).ready(function()      
    $('#image').click(function(event) 
       event.preventDefault();
       $('img', this).attr('src', 'image/image2.jpg');

    );
);

此代码在 Internet Explorer 10 和 Google Chrome 30 中运行良好。 但它在 FireFox 中不起作用。我读过 FireFox 将点击解释为表单提交。不幸的是，该线程中的解决方案非常有限，并且由于我不是真正的 JQuery/javascript 专家，因此我无法根据这些信息自己找到解决方案。

您可以在这里查看原始网站：http://user.enterpriselab.ch/~tajoesle/ajax.php

你们中的哪一个会这么好，帮我一下吗？

非常感谢， 托马斯

【问题讨论】：

你为什么要从你的代码中删除event.preventDefault();？

我发布了一个答案，但是在我的 Firefox 中测试了您的代码后，它可以很好地替换 src url。你遇到了什么错误？

嗯..你有event作为参数但你打电话给e.preventDefault()——是这样吗？

@J09691 抱歉，这是我的错误。再放进去。

@tymeJV - 认为这只是一个错字。如果您查看此问题的编辑历史记录，您会发现它原来是正确的。

【参考方案1】：

在提供的演示网址中，可能是原因

http://user.enterpriselab.ch/~tajoesle/ajax.php

我发现以下 js 文件的 404 错误

    <script src="script\jquery.cookie.js\jquery.cookie.js"></script>
    <script src="script\style.switch\style.switch.js"></script>
    <script src="script\image.switch\image.switch.js"></script> 

但应该是

    <script src="script/jquery.cookie.js/jquery.cookie.js"></script>
    <script src="script/style.switch/style.switch.js"></script>
    <script src="script/image.switch/image.switch.js"></script> 

【讨论】：

哎呀，打败我了。是的，您需要从正斜杠切换到反斜杠。

Chinnu R，你是我今天的英雄。显然 FireFox 不喜欢反斜杠。每个其他浏览器至少接受它们。也非常感谢为解决方案做出贡献的其他人。