Question

嘿，我对javascript和jquery不太熟悉。我想在单击一个div时用图像替换div，并使该图像可单击，即我想添加该图像的链接。

为了得到这个我使用的是javascript

function ReplaceContentInContainer(id,content) {      

        var container = document.getElementById(id);
        container.innerHTML = content;
}

我将我的index.ctp文件中的这个javascript称为

<div id="vedio-image">   
                    </div>

        <div class="title"> 
                                        <a href="javascript:ReplaceContentInContainer('vedio-image',
                                           '<img width=\'480px\' height=\'220px\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \'/ >')">
                                          <?php  echo $count['News']['title'];?>  
                                        </a>
                                    </div>

ReplaceContentInContainer工作正常，但我无法使该图像可点击。请任何人都可以帮忙。

Answer 1

您未在onclick代码中撰写<img>，或未在<img>代码中添加<a>代码

将HTML代码更改为：

<div id="vedio-image"></div>
<div class="title"> 
  <a href="javascript:ReplaceContentInContainer('vedio-image',
                                           '<a href=\'http://example.com\'><img width=\'480px\' height=\'220px\' border=\'0\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \' /></a>')">
  <?php  echo $count['News']['title'];?></a>
</div>

旁注：我添加了border="0"以避免在IE中出现蓝色边框。

如何使javascript创建的图像成为一个链接

1 个答案: