jquery交换变量图像答案

【问题标题】：jquery swap variable imagesjquery交换变量图像
【发布时间】：2014-05-29 19:20:31
【问题描述】：

我正在使用 Wordpress 和 ACF 创建一个图片库，当用户将鼠标悬停在一张图片上时，它会将其换成数据库中的另一张图片。我似乎无法将其换回原始图像。我也收到一个错误：bkgd_bl is not defined

HTML

<li 
    class="carousel-img" 
    data-alt-src="<?php the_sub_field('carousel_image_hover');?>" 
    style="background-image:url( <?php the_sub_field('carousel_image');?> )"
>

jQuery

jQuery(document).ready(function(e) 
{
    jQuery('#carousel a li').hover(function() 
    {
        var bkgd = "url('" + jQuery(this).attr('data-alt-src') + "')";
        var bkgd_bl = jQuery(this).css('background-image');
        jQuery(this).css("background-image", bkgd); //alert(bkgd_bl);

    }, function() 
    {
        jQuery(this).css("background-image", bkgd_bl);
    });
});

【问题讨论】：

标签： jquery wordpress advanced-custom-fields

【解决方案1】：

bkgd_bl 是函数本地的；将其移出如下：

jQuery(document).ready(function(e) 
{
      var bkgd_bl = "";

    jQuery('#carousel a li').hover(function() 
    {
        var bkgd = "url('" + jQuery(this).attr('data-alt-src') + "')";
        bkgd_bl = jQuery(this).css('background-image');
        jQuery(this).css("background-image", bkgd); //alert(bkgd_bl);

    }, function() 
    {
        jQuery(this).css("background-image", bkgd_bl);
    });
});

【讨论】：