0

現在、Firefox で次の Jquery コードに苦労しています。私の目標は、画像がクリックされたときに img src パスをリロードすることです。

HTML5

<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 の専門家ではないため、その情報を自分で解決することはできません。

元の Web サイトはこちらからご覧いただけます: http://user.enterpriselab.ch/~tajoesle/ajax.php

あなたの一人がとても親切で、ここで私を助けてくれませんか?

どうもありがとう、トーマス

4

1 に答える 1

1

提供されたデモの URL で、それが原因である可能性があります

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 に答える