Question

我有一个带有插件的Woocommerce网站，所以客户可以添加产品按下按钮，他/她的愿望清单。此按钮的图像带有白色心形。点击按钮后，必须用红色的心改变白心。这可以工作，但只能在重新加载页面之后。所以我想让实时更改图像。我知道需要像AJAX这样的东西。变量$ cls使用图像的名称。这个用在图像的src中。

我有以下代码：

<?php
if(is_user_logged_in()) {  
    $hlink=get_permalink()."?add_to_wishlist=".$post_ID;
    $a=1; 
} else {  $hlink='/login';$a=0; }
    $is_in_wishlist = YITH_WCWL()->is_product_in_wishlist( $post_ID );

    if($is_in_wishlist==1) { 
         $cls='red'; 
    } else {  
        $cls='white'; 
    }
?>      
<a href="<?php echo $hlink;?>" <?php if($a==1){ ?> rel='nofollow' <?php } ?> data-product-id="<?php echo $post_ID ?>" data-product-type="simple" class='add_to_wishlist'><img class="botButton" id="changeheartcolor"  src="//voice-overs.online/wp-content/themes/Impreza-child/images/voice-overs_online_heart-<?php echo $cls; ?>.svg">

如何使其工作，以便心脏（图像）在不刷新页面的情况下直接改变？

Answer 1

你需要使用javascript来实现图像，而不是PHP问题只需通过javascript更改图像的src值，也可以在更改之前预先加载它。

在IF ELSE语句中更新PHP变量实时（更改图像）

1 个答案: