1. ev
  2. Soru-cevap
  3. Web sayfası öğelerini devre dışı bırakma

Web sayfası öğelerini devre dışı bırakma

2016-03-22 30 views
0

Birçok işlemin neden olduğu istenmeyen birkaç tıklamayı önlemek için bir düğme tıklandığında tüm web sayfası öğelerini nasıl devre dışı bırakabilirim?Web sayfası öğelerini devre dışı bırakma

Konular, bir düğme tıklatıldığında, div öğelerin üstüne yerleştirilecek şekilde bir div kullanmasını önerir.

Div örtüsünden başka bir şekilde çözmenin başka yolu var mı? Ben herhangi bir kontrolün tıklayarak devre dışı bırakır JavaScript, JSP JQuery, AJAX

Sen CSS işaretçi olay özelliğini kullanabilirsiniz

kaynak

2016-03-22 Empress T

cevap

3

Sadece, fadein fadeout işlevlerini JQuery kullanarak herhangi bir olay üzerinde web sayfasının tüm içeriği devre dışı bırakmak için aşağıdaki örneği kullanabilirsiniz.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("#btn").click(function(){ 
 
     $("#cover").fadeIn(1000);//on event 
 
     //some processing 
 
     alert('processing'); 
 
     $("#cover").fadeOut(100); //after done. 
 
    }); 
 
}); 
 
</script> 
 
<style> 
 
#hide{ 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    opacity:0.50; 
 
    background: #f2f2f2; 
 
    z-index: 10; 
 
    display: none; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
    <div> 
 
    <h1>This is a Heading</h1> 
 
    <p>This is a paragraph.</p> 
 
    <button id="btn" value="Click">Click</button> 
 
    </div> 
 
    <div id="hide"> 
 
    </div> 
 
</body> 
 
</html>

kaynak

2016-03-22 10:12:33 somprabhsharma

İlgili konular

 İlgili konular