禁用網頁直到點擊按鈕

-1

我使用Carthart的jQuery Cookie插件。 Cookie信息處於首次加載頁面時出現的模式。禁用網頁直到點擊按鈕

代碼爲：

$(document).ready(function() { 
    if ($.cookie("pop") == null) { 
     $("#ageModal").modal("show"); 
     $.cookie("pop", "2"); 
    } 
});

的模式有一個「接受」按鈕。但是當用戶點擊模式外的任何地方時，模式消失。我該如何限制用戶只能點擊模式的「ACCEPT」按鈕消失，並讓模式背後的頁面變灰？

來源

2015-06-21 raulbaros

Cookie插件是無關緊要的;你必須告訴你正在使用哪種模式插件（或者，甚至更好，閱讀它的文檔，這可能會告訴你怎麼做你想要的。） – JJJ

嘗試this在您的網頁上打開灰色疊加層，以便它們不會響應任何事件。

function overlay(){ 
    var overlay = document.createElement('div'); 
    var alert = document.createElement('div'); 
    overlay.className = 'alert-overlay'; 

    document.body.appendChild(overlay); 
    document.body.appendChild(alert); 

} 

.alert-overlay { 
    position: fixed; 
    left: 0; right: 0; 
    top: 0; bottom: 0; 
    z-index: 2; 
    background: rgba(0, 0, 0, 0.4); 
}

您還可以使用jQuery實現同樣的事情：

function overlayUsingJQuert(){ 
    var overlay = jQuery('<div id="overlay"> </div>'); 
    overlay.appendTo(document.body); 
} 

#overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #000; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 10000; 
}

不管你走哪條路，每當用戶點擊屏幕上的按鈕，你需要刪除此貼。不要忘記這一點。

來源

2015-06-21 17:24:46 Alp

禁用網頁直到點擊按鈕

回答

相關問題