Jquery 内联juqery语法错误

在.php页面中，我有一个函数。在该函数中，我的一些代码如下所示：-

$html='';
$html.='<div id="imgContainer"></div>';
$html.='<img  src="elements/18_lr.jpg"  data-highres="elements/18_hr.jpg" onclick="$(this).mbZoomify({screen:'#imgContainer'});">';//<<----shows error near #imgContainer

$html=''；
$html.=''；
$html.=''// 该问题是由于报价不匹配造成的。您需要在对象值中转义
”
，如下所示：

$html.='<img src="elements/18_lr.jpg" data-highres="elements/18_hr.jpg" onclick="$(this).mbZoomify({ screen:\'#imgContainer\' });">';

$（“#容器img”）。单击（函数（）{
$（this）.mbZoomify（{
屏幕：$（this）.data（'screen'）；
}); 
});
有很多方法可以做到这一点，但就我个人而言，迄今为止最具可读性的方法是：

$html = <<<'END'
<div id="imgContainer"></div>
  <img src="elements/18_lr.jpg" data-highres="elements/18_hr.jpg" onclick="$(this).mbZoomify({screen:'#imgContainer'});">
END;

$html=使用反斜杠“\”

$html=''；
$html.=''；
$html.=''//正如您在文章突出显示中所看到的，一个
“
没有正确转义
$html = <<<'END'
<div id="imgContainer"></div>
  <img src="elements/18_lr.jpg" data-highres="elements/18_hr.jpg" onclick="$(this).mbZoomify({screen:'#imgContainer'});">
END;

$html='';
$html.='<div id="imgContainer"></div>';
$html.='<img  src="elements/18_lr.jpg"  data-highres="elements/18_hr.jpg" onclick="$(this).mbZoomify({screen:\'#imgContainer\'});">';//<<----shows error near #imgContainer