Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PHP/Jquery:使用Jquery在单击时刷新验证码_Php_Jquery - Fatal编程技术网

PHP/Jquery:使用Jquery在单击时刷新验证码

PHP/Jquery:使用Jquery在单击时刷新验证码,php,jquery,Php,Jquery,我在登录表单中使用验证码,我想在单击验证码时刷新验证码!但它不起作用! 我的html代码: <cite class="fr"> <img id="captcha_img" src="securimage/securimage_show.php" alt="点击图片刷新验证码" /> </cite> 我也搜索了一些关于这个问题的文档,并尝试了其他一些方法,但仍然不起作用,有人能给我一些想法吗?浏览器可能正在缓存图像。试试这个: $('#captcha

我在登录表单中使用验证码,我想在单击验证码时刷新验证码!但它不起作用! 我的html代码:

<cite class="fr">
    <img id="captcha_img" src="securimage/securimage_show.php" alt="点击图片刷新验证码"  />
</cite>

我也搜索了一些关于这个问题的文档,并尝试了其他一些方法,但仍然不起作用,有人能给我一些想法吗?

浏览器可能正在缓存图像。试试这个:

$('#captcha_img').click(function() {
    var imageUrl = 'securimage/securimage_show.php?' + new Date().getTime();
    $(this).attr('src', imageUrl); 
});
或者像这样使用
e.preventDefault()

$('#captcha_img').click(function(e){
    e.preventDefault();
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
     //return false;
});
告诉我这是否有效。在这种情况下,return false可以正常工作,因为事件不需要传播。

$(函数(){
$('#foo')。单击(swapImages);
var secondImg='1〕http://digital-photography-school.com/wp-content/uploads/2013/03/Acorn256.png';
函数swapImages(){
var img=$(“”);
$(此).替换为(img);
$(img)。单击(swapImages);
}
});

以下两种方法都应该有效(逐个取消注释并尝试):


点击时会显示该警报吗?(如果未注释?)是的,它会发出警报“hh”你能发布securimage/securimage__show.php代码吗?我使用从互联网下载的验证码,其链接:你的代码没问题。它应该会起作用。在这里测试:是的,当我点击图像时,它可以刷新,但它不显示图像,相反,它显示了的“alt”属性。很抱歉,这也可以正常工作,但我丢失了“.php”结尾的“?”很好。我很高兴能帮上忙:)
$('#captcha_img').click(function(){
    //alert("hh");
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
     return false;
});
$('#captcha_img').click(function(e){
    e.preventDefault();
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
     //return false;
});
$(function () {
    $('#foo').click(swapImages);
    var secondImg = 'http://digital-photography-school.com/wp-content/uploads/2013/03/Acorn256.png';
    function swapImages() {
        var img = $("<img id='foo' src='" + secondImg + "' />");
        $(this).replaceWith(img);
        $(img).click(swapImages);
    }
});
jQuery(function ($) {

    $('#captcha_img').on( 'click', function() {
        // $(this).attr( "src","securimage/securimage_show.php?"+Math.random() ); 
        // $(this).attr( "src","securimage/securimage_show.php?"+new Date().getTime() );
    });

});