Question

我有一个链接（例如，A），一旦侧面导航栏上的选项悬停在上面，它就会更改为另一个链接（B）。单击链接A时，颜色框效果很好。但是，单击B（鼠标悬停后）效果消失。

要将问题分解为基础，我在下面输入了一些代码：

<script>
        jQuery(document).ready(function () {
            $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
        });
</script>
<script type="text/javascript" language="javascript">
function changeCode()
{
    $(".content").html('<p>Link B:<a class="iframe" href="http://www.google.com">Google</a></p>');

}
</script>
...
<li onMouseover="changeCode();"><a href="index.html">Home</a></li> 
...
<div class="content">
        <p>Link A:<a class="iframe" href="http://www.google.com">Google</a></p>
</div>

感谢能够提供一些建议的任何人。

Answer 1

这是事件委托的问题。你准备好了DOM上的元素颜色框，但是，你要删除原始元素。最简单的方法是简单地更改元素的某些属性，而不是完全删除它。

$(".content").find('p').text('Link B').addBack().find('.iframe').prop('href', 'http://newsite.com');

制作颜色框链接会出现在更改html内容的鼠标悬停上

1 个答案: