Javascript JQuery替换了不在IE 8-10下工作的链接

我做了一个弹出窗口，我有一个IE11下的IE8-10没有问题。我的代码将图像替换为链接图像。Link在Firefox、Chrome和IE11下工作，但在其他IE版本下不工作。默认情况下，这是一个popop窗口。这是我的密码：

<div id="fadeinboxrevol">
<div id="koppbase">
<p class="kalapacs"><img src="./images/original.png" alt="Click here" /></p>
</div>
</div>
<script type="text/javascript">
var tto = jQuery.noConflict();
function get_path() {
var piclist =['./images/1.png','./images/2.png','./images/3.png','./images/4.png'];
var linklist =['1.html','2.html','3.html','4.html'];
var random = Math.floor(Math.random()*piclist.length);
var picpath = piclist[random];
var linkpath = linklist[random];
var pack = [picpath, linkpath];

return pack;
}

tto(".kalapacs").click(function () {
var mypack = get_path();
var mypic = mypack[0];
var mypath = mypack[1];

var content1 = '<p class="torp"><img class="torve" src="'+mypic+'" alt="Don't wait" /><a class="tortext" href="'+mypath+'"></a></p>';

tto("#koppbase").html(content1);

});

</script>

以下是JSFIDLE中的一个示例，我使用jQuery 1.11版本以获得更好的兼容性：

我也试过这句话：

tto("#koppbase").replaceWith(content1);

但没有帮助-

---

我的问题是什么？

问题是这行代码：var content1='

'

将其更改为：var content1='

'

当你看旧的IE时，img标签后面的a是空的，所以很难点击它！将鼠标悬停在第二个图像上

---

演示：

我找到了解决方案！将content1行更改为：

var content = '<p class="torp"><a class="tortext" href="'+mypath+'"><img class="torve" src="'+mypic+'" alt="Dont wait" /></a></p>';

var content = '<p class="torp"><a class="tortext" href="'+mypath+'"><img class="torve" src="'+mypic+'" alt="Dont wait" /></a></p>';

.kalapacs:hover {
cursor: url(http://cur.cursors-4u.net/others/oth-5/oth438.cur), progress !important;
}
.torp {
position: relative;
}
.tortext {
display: block;
}
#revolclosebutton {
margin-top: -40px;
right: 20px;
position: absolute; 
width: 16px;
z-index: 99999;
}