-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

あなたはであなたを脱出する必要があり'ます\'。

$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 に答える