2

新しいキャプチャ イメージを動的に生成する php コードがあります。jqueryイベントハンドラーを介して、キャプチャ画像を新しい画像で更新するHTMLボタンがあります。ボタンをクリック (および jquery イベント ハンドラーを起動) すると、chrome と safari で新しい画像が生成されますが、firefox では生成されません。Firefox との違いは何ですか? firefox で動作させるにはどうすればよいですか?

javascript コンソールは、どのブラウザーでもエラーを表示しません。

コードは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
           $(document).ready(function () {
                     $("#submitButton").click(function(event) {                     
                        $("#captchaText").attr('src', 'cryptographp.inc.php?intro=false'); //this line does not generate a fresh image in firefox
                    });
           });

    </script>
    <link rel="stylesheet" type="text/css" href="stylesheet2.css">

</head>


<body>
<div class="wrapper">
    <div id='header'>
     </div>

      <div id='captchaPanel'>

        <div id='top'>
            <div id='fillerTop'>

            </div>
            <div id='captcha'>
                <img id='captchaText' src='cryptographp.inc.php?intro=false'> </img>
            </div>
        </div>
    </div>


    <div id='submitDiv'>
    <input id='submitButton' type="submit" class="button" value="Submit"/>
    </div>

</div>

</body>

たぶん、明示的な AJAX 呼び出しでこれを行う必要がありますか? このようなものです（私は構文を推測しています）。

$.ajax({
    url: 'cryptographp.inc.php?intro=false',
    success: function(data) {  $("#captchaText").attr('src', data); }
});
4

1 に答える 1