javascript - 从页面加载设置一个活动的 img

Question

我目前正在使用以下 jQuery 代码来执行 img 悬停和单击。问题是，我希望 menuleft_off img 作为 menuleft_on img 加载，而不会使 jQuery 代码停止工作。

所以换句话说，我希望 menuleft img 加载到页面上，就好像我已经点击了它一样。

---

我已将“images/menuleft_off.png”更改为“images/menuleft_on.png”。现在，当我单击“images/menuright_off.png”来更改选项卡时，“images/menuleft_on.png”保持为 _on 并且在我将鼠标悬停在它上面之前不会改变。当我单击“images/menuright_off.png”选项卡/图像时，有关如何将“images/menuleft_on.png”更改为“images/menuleft_off.png”的任何提示？

---

HTML：

<div id="toptabs" class="maintabs">
    <ul>
        <li><a href="#" rel="tcontent1" class="selected"><img src="images/menuleft_off.png" width="277" height="42" class="img-swap" /></a></li>
        <li><a href="#" rel="tcontent2"><img src="images/menuright_off.png" width="277" height="42" class="img-swap" /></a></li>
    </ul>
</div>

jQuery

jQuery(function(){
    $(".img-swap:not(.active)").hover(
    function(){this.src = this.src.replace("_off","_on");},
    function(){
        if(!$(this).hasClass('active')){
            this.src = this.src.replace("_on","_off");
        }
    });
    $(".img-swap").click(function(){
        $(".img-swap.active").each(function(){
            this.src = this.src.replace("_on","_off");
            $(this).removeClass('active');
        });
    $(this).toggleClass('active');
    });
});