将文件路径回显到Javascript中会中断图像缩放查看器

我有一个带缩放功能的图像查看器，我从这里得到：

这段代码用于我的产品视图页面，需要从mysql中提取多张图片。我尝试用php将文件路径回显到html中，该html是javascript在“zoom_01”ID上以及javascript本身中的目标（这对于图片查看器是必要的）

我得到一张要显示的图像，但是缩放功能消失了。 如果这些值是硬编码的，或者是在javascript中回传的，那么javascript不应该都是一样的吗？如果你能想出什么办法，我会非常感激的

以下是相关代码：

<div="display"><img id="zoom_01" src='<?php echo $onesmall ?>' 
data-zoom-image="<?php echo $onelarge ?>"/> </div>

$('#zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 1000,
zoomWindowFadeOut: 1500,
}); 

$( "#gal_1" ).on( "click", function() {
document.getElementById("zoom_01").src=<?php echo $onesmall?>;
$("#zoom_01").data('zoom-image',<?php echo $onelarge?>);
$('#zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 1000,
zoomWindowFadeOut: 1500
});
});

'
数据缩放图像=”“/>
$（'#zoom_01'）。提升空间({
zoomType:“内部”，
光标：“十字线”，
zoomWindowFadeIn:1000，
zoomWindowFadeOut:1500，
}); 
$（“#gal_1”）。在（“单击”，函数（）{
document.getElementById（“zoom_01”）.src=；
$（“#zoom_01”）。数据（'zoom-image'，）；
$（'#zoom_01'）。提升空间({
zoomType:“内部”，
光标：“十字线”，
zoomWindowFadeIn:1000，
缩放窗口：1500
});
});

您说JavaScript也是一样，这是正确的，因为它是在整个服务器端代码执行完毕之后执行的，但您遗漏了一点关键的东西：

document.getElementById("zoom_01").src=<?php echo $onesmall?>; // syntax error!
$("#zoom_01").data('zoom-image',<?php echo $onelarge?>); // syntax error!

没有引号

更新至：

document.getElementById("zoom_01").src='<?php echo $onesmall?>';
$("#zoom_01").data('zoom-image','<?php echo $onelarge?>');

document.getElementById（“zoom_01”）.src=''；
$（“#zoom_01”）。数据（'zoom-image'，''；

请显示设置

$onesmall

和

$onelarge

的代码部分（SQL查询和对变量的所有其他更改）非常感谢！我想我不能使用引号，因为我的文本编辑器上有突出显示，但这样做了。太棒了，谢谢。没问题，同样的错误有足够多的时间来寻找：）请随意标记为已接受

document.getElementById("zoom_01").src='<?php echo $onesmall?>';
$("#zoom_01").data('zoom-image','<?php echo $onelarge?>');