-3

我有一些代码可以在将鼠标悬停在图像上时显示缩略图。

<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”周围的单引号中。在这种情况下如何包含单引号?

4

2 回答 2

7

你必须逃避你的'with \'

$result.= '
    <div onmouseover="document.getElementById(\'logo\').style.display=\'block\';" 
         onmouseout="document.getElementById(\'logo\').style.display=\'none\';">
        <img src="images/' . $filename . '"/>                                         
    </div>
';
于 2013-03-05T13:24:03.883 回答
2

尝试这个

$result.= '
       <div onmouseover="document.getElementById(\'logo\').style.display=\'block\';" 
        onmouseout="document.getElementById(\'logo\').style.display=\'none\';">
           <img  src = "images/' . $filename.'"/>                                         
       </div>
';
于 2013-03-05T13:25:43.560 回答