我有一些代码可以将鼠标悬停在图片上来显示缩略图。
<div onmouseover="document.getElementById('logo').style.display='block';"
onmouseout="document.getElementById('logo').style.display='none';">
<img src = "img.jpg"/>
</div>
这次我想选择要显示的图像而不是静态的“img.jpg”,它将存储在变量$ filename中,然后我想将它附加到另一个jquery变量$ result:
我试过这个,但是单引号混淆了:
$result.= '
<div onmouseover="document.getElementById('logo').style.display='block';"
onmouseout="document.getElementById('logo').style.display='none';">
<img src = "images/' . $filename.'"/>
</div>
';
围绕'logo','block'和'none'的单引号引起混淆。在这种情况下如何包含单引号?
答案 0 :(得分:7)
您必须使用'
转义\'
。
$result.= '
<div onmouseover="document.getElementById(\'logo\').style.display=\'block\';"
onmouseout="document.getElementById(\'logo\').style.display=\'none\';">
<img src="images/' . $filename . '"/>
</div>
';
答案 1 :(得分:2)
试试这个
$result.= '
<div onmouseover="document.getElementById(\'logo\').style.display=\'block\';"
onmouseout="document.getElementById(\'logo\').style.display=\'none\';">
<img src = "images/' . $filename.'"/>
</div>
';