Question

我正在为一个wordpress网站提供一个名为＆＃34;团队成员＆＃34;的页面。每个团队成员都有一个父div，其中包含有关该成员的一些信息以及图像。当鼠标进入父div时，我希望图像改变。在我的.php文件中，我添加了一些jquery来实现这一点，但是当我上传文件并重新加载页面来测试它时，我在控制台中看到了这个错误：＆＃34; Uncaught SyntaxError：意外的令牌：＆＃34 ;.当我在检查器中检查脚本时，看起来错误是https之后的冒号（var img = https：//）。我不知道如何解决这个或如何解决这个问题 - 任何人都可以帮忙吗？

<?php foreach($posts as $post) {
$image = wp_get_attachment_image_src( $post->team_member_photo, 'large')[0];
$hover_image = wp_get_attachment_image_src( $post->team_member_hover_photo, 'large')[0];        
?>
        <div class="member">
        <img class="photo" src="<?php echo $image; ?>">

        <?php echo
        "<script type='text/javascript'> 
        var img =  $image
        var hover = $hover_image

        jQuery('.member')
        .mouseover(function(){ 
        jQuery('.photo').attr('src', hover)
        })

        .mouseout(function(){ 
        jQuery('.photo').attr('src', image);
         });
       </script>";
        ?>

       </div>

Answer 1

$ image和$ hover必须在代码的javascript部分引用，如此

    var img =  '$image';
    var hover = '$hover_image';

未捕获的SyntaxError意外的令牌：需要帮助使用动态图像更改父div中的图像src

1 个答案: