Jquery代碼禁用圖像上的超鏈接？

http://jsfiddle.net/Y5MRL/ 我使用jquery在用戶點擊透明div時彈出一個圖像。圖像應該是超鏈接到一個url。但圖像彈出後沒有超鏈接。問題是什麼？Jquery代碼禁用圖像上的超鏈接？

HTML

<a href="https://www.google.com/"><img id="enterout4" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSRDwuNVz5koLf3uGVSWt_otiZsKwCVAQK8gb0ppY3GFULHEU0C2w"></a>

jQuery的

$('#enter4').mouseenter(function(){ 
    $('#enterout4').fadeIn('slow'); 
    $('#enterout4').width($(window).width()/4.6); 
    console.log(); 
}); 

$('#enter4').mouseleave(function(){ 

    $('#enterout4').fadeOut('slow'); 
});

CSS：

#enter4{ 
    position: absolute; 
    z-index: 9999; 
    width: 300px; 
    height: 100px; 
    top: 0%; 
    left: 0%; 
    opacity: 0; 
} 

#enterout4{ 
    position: absolute; 
    top: 0%; 
    left: 0%; 
    z-index: 9998; 
    display: none; 
    height:auto; 
}

這裏是例子 http://jsfiddle.net/Y5MRL/

來源

2014-02-23 user2592038

哪裏是'＃enter4'，以及爲什麼使用'jQuery的1.9.1'，'遷移1.1.0' 'jQuery UI的1.9.2'，'jQuery Mobile的1.3.0b1'和'jQuery Mobile的1.2。 0'在同一時間？ :) – davidkonrad

你舉的例子是我不完整的，但我想你徘徊爲什麼在淡出效果後，你不能再點擊任何東西。這是因爲fadeOut（）方法也會將顯示設置爲無。

您應該比使用animate（）方法進行淡入淡出設置不透明度爲零，反之亦然。

我添加了調試背景顏色到div看到可點擊區域。

$('#enterout4') 
.css({ opacity: 0 }) 
.hide(); 
$('#enter4').mouseenter(function(){ 
    $('#enterout4').show(); 
    $('#enterout4') 
    .animate({opacity: 1, width: $(window).width()/4.6,}, 1500); 
}); 

$('#enter4').mouseleave(function(){ 
    $('#enterout4').animate({ opacity: 0, duration: 1500 }); 
});

查看改進的js小提琴使用動畫寬度和不透明度。編輯：我想我現在明白了。你有一個ID爲enter4的div。 http://jsfiddle.net/P5j5m/22/

來源

2014-02-23 17:47:45 JohanVdR

Jquery代碼禁用圖像上的超鏈接？

回答

相關問題