Jquery 如何在单击列表中的任何项目后保持动态项目行为？

我有这样的菜单。它可以在产品选项卡下查看

首先，请将鼠标悬停在产品上

如果将鼠标悬停在列表中的任何项目上，则右侧窗格中的内容将动态更改。 但是，如果我单击其中一个并尝试将鼠标悬停在其他项目上，则右侧窗格中的内容不会自动更改。我必须点击其他人

基本上，单击左侧项目列表中的任何项目后，它将失去其动态行为

我已经为此编写了jquery代码，但我想我遗漏了一些东西

$('.urun_tab').hover( function(){
    if($(this).hasClass('hoverblock'))
        return;
    else
        $(this).find('a').tab('show');
});


$('.urun_tab').find('a').click( function(){
    $(this).parent()
            .siblings().addClass('hoverblock');
});

这是我网站上的项目部分

<ul class="nav nav-tabs span4">
    <li class="active urun_tab"><a href="#A" data-toggle="tab">Seksiyonel Kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a> </li>
    <li class="urun_tab" ><a href="#B" data-toggle="tab">Otomatik Kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
    <li class="urun_tab" ><a href="#C" data-toggle="tab">Kepenk ve Panjur Sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
    <li class="urun_tab" ><a href="#D" data-toggle="tab">Hangar Kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
    <li class="urun_tab" ><a href="#E" data-toggle="tab">Otomasyon Ürünleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
    <li class="urun_tab" ><a href="#F" data-toggle="tab">Yükleme Sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
    <li class="urun_tab" ><a href="#G" data-toggle="tab">Yangın Kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>
</ul>

单击链接时，您正在向所有

li

元素添加类

hoverblock

。悬停处理程序被编写为忽略

li.unrun\u选项卡

包含

hoverblock

类的元素

如果希望在单击产品列表中的项目后保持悬停行为，则必须删除单击处理程序中添加

hoverblock

类的代码，或删除悬停处理程序中排除类“.hoverblock”的代码

---

有点不清楚你想要什么样的行为。您所描述的似乎是，您希望单击产品对相邻图像不做任何操作。

通常，当您将鼠标悬停在左侧的项目上时，右侧的内容会动态变化。但是，如果您单击其中一个项目，并且再次将鼠标悬停在其他项目上，则不会动态更改。它将失去其动态切换行为。对。您需要删除添加的

hoverblock

类，因为您的悬停显示

if（$（this）.hasClass（'hoverblock'））返回

。。。意思是不要用类

hoverblock

对任何东西执行任何悬停操作，而不是删除jquery代码，正如您所说的，我删除了代码的另一部分，它仍然有效。我还有一个问题，你能帮忙吗。如果我将鼠标悬停在“PRODUCTS”上，并将鼠标悬停在左侧列出的项目上，“PRODUCTS”就像一个类“active”。我看到“产品”选项卡顶部的蓝色条就明白了这一点。你有什么办法解决这个问题吗？通常，下拉列表中有动作时，ıt应该是蓝色顶部边框。不是任何时候。