0

我目前正在努力使用 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" alt="ein smiley" /></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

你们中的一个人会这么好，并在这里帮助我吗？

非常感谢，托马斯

4

1 回答 1

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>
于 2013-10-31T15:21:43.390 回答