2010-09-01 27 views
0

我在整個我正在開發的網站中使用Nivo幻燈片(http://nivo.dev7studios.com/)...除了在Internet Explorer中鏈接僅在鼠標是沒有懸停在幻燈片中的文本 - 在其他瀏覽器中,您可以單擊幻燈片中的任何地方(圖像上,標題上,標題上等)......但在IE中由於某些原因鏈接在懸停時無法使用在文本上?有任何想法嗎?這裏是鏈接到網站 - 大多數頁面上有幻燈片:http://www.arcaspicio.squarespace.com鏈接下方的文本正在妨礙Internet Explorer

非常感謝!

回答

0

這只是一個瀏覽器的怪癖,你將不得不破解你的方式。

某些瀏覽器在鼠標懸停在文本上時會接管鼠標,或者文本被視爲無法點擊的圖層(即使它看起來透明),因此您需要執行下面的操作(未經測試):

$(".nivo-caption").hover(function() { 
$(this).css('cursor','pointer'); 
}, function() { 
$(this).css('cursor','auto'); 
}); 

$(".nivo-caption").click(function() { 
    var url = 'somewhere'; 
    document.location.href = 'wherever'; 
}); 

你需要玩的選擇等,你也將需要做一些與URL即從點擊文本的父母或兄弟姐妹等獲取URL

+0

謝謝你的提示!我會試一試...我的猜測是,得到所需的url將會非常棘手。似乎應該有一個更簡單的方法來解決IE錯誤。 – VUELA 2010-09-04 00:03:15

+0

事情是用這個nivo幻燈片scipt設置的,我很難抓住所需的鏈接。這不是一個簡單的父類型佈局 - 任何建議? – VUELA 2010-09-16 22:50:45