鼠標在效果不起作用

我在這裏有一個奇怪的問題。我有一個隱藏元素（隱藏顯示），當我將鼠標懸停在另一個元素上時，我想顯示該元素。 javscript似乎可以完成這項工作，但當元素從display變爲時，仍然沒有任何反應：hidden;顯示：block;鼠標在效果不起作用

這是我的HTML部分：

<div id="cart_block" class="block exclusive" style="display: none;"> 
    a bunch more code in here, but I don't suppose I need to display that 
</div>

，因爲它是我用文字給JavaScript一個智者TPL文件。它看起來像這樣：

<script type="text/javascript"> 
{literal} 
    document.getElementById('header_user').onmouseover=function(){ 
     document.getElementById('cart_block').style.display='block'; 
    }; 
    document.getElementById('header_user').onmouseout=function(){ 
     document.getElementById('cart_block').style.display='none'; 
    }; 
{/literal}

您可以在http://www.jiblab.dk看到它。如果您觀察id爲cart_block的元素，您應該看到，當鼠標懸停在右上角的籃子上時，樣式標籤會發生變化，但它保持隱藏狀態。如果我從上面的html中刪除style =「display：none」，它會顯示我的元素，所以在我的腦海中，這應該工作。

來源

2012-11-21 Viktor

即使設置了這些樣式：'display：block;餘量：0;位置：絕對的;向左飄浮;頂：0像素;左：0像素;寬度：100像素;身高：100px;'，我無法讓它出現。不知道有什麼搞砸了。 – Cerbrus

#cart_block元素位於另一個具有display:none集的div中。

以下塊需要.TOP頭.SF-contener自定義去除，要麼或移動cart_block元件從該元件的

.top-header #currencies_block_top, .top-header #header_links, .top-header #search_block_top, .top-header .sf-contener { 
    display: none; 
}

來源

2012-11-21 09:21:49 SigInTheHead

我只有這兩個選項？事情是我在prestashop周圍不是很好 - 你引用的元素都是用prestashop的hook_top調用調用的，然後將它移出來，我想我必須添加一個新的鉤子並將cart_block附加到它。我不知道該怎麼做:(我可以考慮做的其他任何事情？） – Viktor

我在容器中添加了可見性：隱藏;對容器中的特定元素以及從容器中移除的display：block;這解決了問題，非常感謝！不知道我必須考慮到這一點，所以謝謝:) – Viktor

使用的document.ready

$(document).ready(function(){ 

document.getElementById('header_user').onmouseover=function(){ 
     document.getElementById('cart_block').style.display='block'; 
    }; 
    document.getElementById('header_user').onmouseout=function(){ 
     document.getElementById('cart_block').style.display='none'; 
    }; 


});

<div id="header_user" style="width:100px; height:20px; border:1px solid black;"></div> 

<div id="cart_block" class="block exclusive" style="display: none;"> 
    a bunch more code in here, but I don't suppose I need to display that 
</div>

來源

2012-11-21 09:36:22

函數被調用，所以我不認爲使用doc-ready是解決方案 – Viktor

鼠標在效果不起作用

回答

相關問題